首页 > 其他 > 详细

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

时间:2017-12-30 00:46:04      阅读:449      评论:0      收藏:0      [点我收藏+]
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)方式添加事件可以添加多个!!!

 

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

原文:https://www.cnblogs.com/lhl66/p/8146714.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!