当前位置：
首页 >
IE和DOM事件流、普通事件和绑定事件的区别
发布时间：2025/7/25
56
豆豆
生活随笔
收集整理的这篇文章主要介绍了
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）方式添加事件可以添加多个！！！
转载于:https://www.cnblogs.com/lhl66/p/8146714.html
总结
以上是生活随笔为你收集整理的IE和DOM事件流、普通事件和绑定事件的区别的全部内容，希望文章能够帮你解决所遇到的问题。
- 上一篇： Request.From,Request
- 下一篇： 【uoj#225】[UR #15]奥林匹