event 事件 attachEvent addEventListener绑定事件

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

  

posted @ 2016-03-12 19:33  mingjixiaohui  阅读(230)  评论(0编辑  收藏  举报