자바스크립트 onclick 이벤트

1 개요

onclick Event

onclick 이벤트

• 클릭시 발생하는 이벤트
• 클릭시 자바스크립트 수행

2 예시1: input button

<input type="button" id="button1" onclick="button1_click();" value="버튼1" />
<script>
function button1_click() {
	alert("버튼1을 누르셨습니다.");
}
</script>

3 예시2: button

<button id="button1" onclick="button .click();">버튼1</button>
<script>
var button = {
  click:function(){
	alert("버튼1을 누르셨습니다.");
}
}
function button1_click() {
	alert("버튼1을 누르셨습니다.");
}
</script>

• 인수 전달

<button id="button1" onclick="button1_click('hello');">버튼1</button>
<script>
function button1_click(s) {
	alert( s + " 버튼을 누르셨습니다.");
}

4 같이 보기

• HTML button
• jQuery click 이벤트
• 자바스크립트 addEventListener
• 자바스크립트 이벤트

5 참고

• http://www.w3schools.com/jsref/event_onclick.asp
• http://www.w3schools.com/tags/ev_onclick.asp