위키
포럼
도구
바뀐글
랜덤

자바스크립트 onclick 이벤트

Jmnote (토론 | 기여)님의 2015년 3월 6일 (금) 17:13 판 (Jmnote 사용자가 Onclick 문서를 자바스크립트 onclick 이벤트 문서로 옮겼습니다)

1 자바스크립트

1.1 input button

<!DOCTYPE html>
<meta charset="utf-8" />
<head>
<title>onclick 예제 1</title>
</head>
<body>
<input type="button" id="button1" onclick="button1_click();" value="버튼1" />
<script type="text/javascript">
function button1_click() {
	alert("버튼1을 누르셨습니다.");
}
</script>
</body>
</html>

1.2 button

<!DOCTYPE html>
<meta charset="utf-8" />
<head>
<title>onclick 예제 2</title>
</head>
<body>
<button id="button1" onclick="button1_click();">버튼1</button>
<script type="text/javascript">
function button1_click() {
	alert("버튼1을 누르셨습니다.");
}
</script>
</body>
</html>

2 jQuery

2.1 input button

<!DOCTYPE html>
<meta charset="utf-8" />
<head>
<title>onclick 예제 1</title>
<script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
</head>
<body>
<input type='button' id="button1" value='버튼1'/>
<script type="text/javascript">
$("#button1").click(function() {
	alert("버튼1을 누르셨습니다.");
});
</script>
</body>
</html>

2.2 button

<!DOCTYPE html>
<meta charset="utf-8" />
<head>
<title>onclick 예제 2</title>
<script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
</head>
<body>
<button id="button1">버튼1</button>
<script type="text/javascript">
$("#button1").click(function() {
	alert("버튼1을 누르셨습니다.");
});
</script>
</body>
</html>

3 같이 보기

원본 주소 "https://zetawiki.com/w/index.php?title=자바스크립트_onclick_이벤트&oldid=118942"
문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}