"자바스크립트 onclick 이벤트"의 두 판 사이의 차이

잔글 (203.246.85.189(토론)의 편집을 Jmnote의 마지막 판으로 되돌림)
9번째 줄: 9번째 줄:
<input type="button" id="button1" onclick="button1_click();" value="버튼1" />
<input type="button" id="button1" onclick="button1_click();" value="버튼1" />
<script>
<script>
function button1_click() {
$("#button1").unbind("click").bind("click", function(e) {
alert("버튼1을 누르셨습니다.");
alert('차이점이 뭘까..');
}
}
</script>
</script>

2020년 2월 24일 (월) 19:22 판

1 개요

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

2 예시1: input button

<input type="button" id="button1" onclick="button1_click();" value="버튼1" />
<script>
$("#button1").unbind("click").bind("click", function(e) {
alert('차이점이 뭘까..');
}
</script>

3 예시2: button

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

4 같이 보기

5 참고

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}