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

最新推荐文章于 2022-05-27 08:56:18 发布

weixin_30567225

最新推荐文章于 2022-05-27 08:56:18 发布

阅读量136

点赞数

原文链接：http://www.cnblogs.com/lhl66/p/8146714.html

版权

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）方式添加事件可以添加多个！！！

转载于:https://www.cnblogs.com/lhl66/p/8146714.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30567225

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
IE和DOM事件流、普通事件和绑定事件的区别

IE和DOM事件流的区别 IE采用冒泡型事件 Netscape（网络信息浏览器）使用捕获型事件 DOM使用先捕获后冒泡型事件示例： <body> <div> <button>click</button> </div> </body> 冒泡型事件模型：button-&...
复制链接

扫一扫