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

잔글 (봇: 자동으로 텍스트 교체 (-==참고 자료== +==참고==))
7번째 줄: 7번째 줄:
==예시1: input button==
==예시1: input button==
<source lang='html5'>
<source lang='html5'>
<input type="button" id="button1" onclick="button1_click();" value="버튼1" />
<input type="text" id="button1" onclick="button1_click();" value="버튼1" />
<script>
<script>
function button1_click() {
function button1_click() {

2017년 7월 20일 (목) 13:23 판

1 개요

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

2 예시1: input button

<input type="text" id="button1" onclick="button1_click();" value="버튼1" />
<script>
function button1_click() {
	alert("버튼1을 누르셨습니다.");
}
</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 }}