关于Event的一些知识点

最新推荐文章于 2022-01-14 08:47:54 发布

haojie5

最新推荐文章于 2022-01-14 08:47:54 发布

阅读量586

点赞数

分类专栏：学习笔记文章标签： function jquery chrome button ie c

本文链接：https://blog.csdn.net/haojie5/article/details/8076232

版权

学习笔记专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!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>