이벤트에 대한 지식 포인트

1376 단어
<!DOCTYPE html>
<html>
	<head>
		<title>Test</title>
		<script src="jquery-latest.js"></script>
		<script type="text/javascript">
			function test() {
				alert('test');
			}
		</script>
	</head>
	<body>

		<input type="button" id="myBtn" value="Click me">
		
		<script type="text/javascript">
			var btn = document.getElementById("myBtn");
			btn.onclick = function() {
				alert("123");
			};

			// IE9 Chrome FF ONLY -- remove this part to run in IE
			btn.addEventListener("click", function() {
				alert('a');
			}, true);
			btn.addEventListener("click", function() {
				alert('b');
			}, true);
			
			// Other IE ONLY -- remove this part to run in other browser
			btn.attachEvent("onclick", function() {
				alert('c');
			}, true);
			btn.attachEvent("onclick", function() {
				alert('d');
			}, true);

			// Jquery support all
			$("#myBtn").click(function(event){
				alert("haha");
				alert(event.type); //click
				alert(event.target === this); //true
				alert(event.currentTarget === this); //true
			});
			$("#myBtn").click(test);

		</script>

	</body>
</html>

좋은 웹페이지 즐겨찾기