IE和DOM事件流、普通事件和绑定事件的区别

IE和DOM事件流的区别 
IE采用冒泡型事件 Netscape(网络信息浏览器)使用捕获型事件 DOM使用先捕获后冒泡型事件 
示例: 
<body> 
   <div> 
      <button>click</button> 
   </div> 
</body> 
冒泡型事件模型:button->div->body (IE事件流) 
捕获型事件模型:body->div->button (Netscape事件流) 
DOM事件模型:body->div->button->button->div->body (先捕获后冒泡) 
普通添加事件的方法:
var btn = document.getElementById("btn");
btn.onclick = function(){
    alert(1);
}
btn.onclick = function(){
    alert(2);
}
执行上面的代码只会alert 2 
事件绑定方式添加事件:
var btn = document.getElementById("btn");
btn.addEventListener("click",function(){
    alert(1);
},false);
btn.addEventListener("click",function(){
    alert(2);
},false);
执行上面的代码会先alert 1再执行alert 2
普通添加事件的方法不支持添加多个事件,最下面的事件会覆盖上面的,而事件绑定(addEventListener)方式添加事件可以添加多个!!!

 

posted @ 2017-12-30 00:04  蓝色帅-橙子哥  阅读(905)  评论(0编辑  收藏  举报