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

2022년 11월 13일 (일) 16:41 기준 최신판

1 개요

onclick Event
onclick 이벤트

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

2 예시1: input button

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

3 예시2: button

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

인수 전달

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

4 같이 보기

5 참고

@@ 1번째 줄: / 1번째 줄: @@
-{{작성중}}
+==개요==
+;onclick Event
+;onclick 이벤트
+*클릭시 발생하는 이벤트
+*클릭시 자바스크립트 수행
-==자바스크립트==
+==예시1: input button==
-===input button===
+<syntaxhighlight lang='html5' run>
+<input type="button" id="button1" onclick="button1_click();" value="버튼1" />
+<script>
+function button1_click() {
+	console.log("버튼1을 누르셨습니다.");
+}
+</script>
+</syntaxhighlight>
+==예시2: button==
+<syntaxhighlight lang='html5' run>
+<button id="button1" onclick="button1_click();">버튼1</button>
+<script>
+function button1_click() {
+	console.log("버튼1을 누르셨습니다.");
+}
+</script>
+</syntaxhighlight>
-===button===
+* 인수 전달
+<syntaxhighlight lang='html5' run>
+<button id="button1" onclick="button1_click('hello');">버튼1</button>
+<script>
+function button1_click(s) {
+	console.log( s + " 버튼을 누르셨습니다.");
+}
+</script>
+</syntaxhighlight>
+==같이 보기==
+*[[HTML button]]
+*[[jQuery click 이벤트]]
+*[[자바스크립트 addEventListener]]
+*[[자바스크립트 이벤트]]
-==jQuery==
+==참고==
-===input button===
+*http://www.w3schools.com/jsref/event_onclick.asp
+*http://www.w3schools.com/tags/ev_onclick.asp
-===button===
-==같이 보기==
-*[[JQuery 버튼]]
-[[분류: 자바스크립트]]
+[[분류:JavaScript]]
-[[분류:jQuery]]
+[[분류:JQuery]]
+[[분류:Input]]
+[[분류:Button]]