event 事件 attachEvent addEventListener绑定事件

最新推荐文章于 2020-06-02 00:44:07 发布

weixin_34337381

最新推荐文章于 2020-06-02 00:44:07 发布

阅读量91

点赞数

原文链接：http://www.cnblogs.com/mingjixiaohui/p/5269807.html

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			window.onload = function(){
				var oBtn = document.getElementById("btn1");
				
				//attachEvent（事件名，函数)
				//IE支持  火狐谷歌不支持
//				oBtn.attachEvent("onclick",function(){
//					alert("a");
//				});
//				
//				oBtn.attachEvent("onclick",function(){
//					alert("b");
//				});
				
				//ff 谷歌
				//addEventListener(事件名，函数，false/true)false冒泡 true捕捉
				//和attachEvent的不一样的是：事件不加on
//				oBtn.addEventListener("click",function(){
//					alert("a");
//				});
//				oBtn.addEventListener("click",function(){
//					alert("b");
//				});

				//兼容写法
				if(oBtn.attachEvent)
				{
					//ie下顺序相反 ie的一个bug
					oBtn.attachEvent("onclick",function(){
						alert("a");
					});
					
					oBtn.attachEvent("onclick",function(){
						alert("b");
					});
					
				}else{
					oBtn.addEventListener("click",function(){
						alert("a");
					});
					oBtn.addEventListener("click",function(){
						alert("b");
					});
				}
			}
		</script>
	</head>
	<body>
	<input type="button" value="点击" id="btn1" />
	</body>
</html>

转载于:https://www.cnblogs.com/mingjixiaohui/p/5269807.html