當(dāng)前位置：
首頁 >
IE和DOM事件流、普通事件和绑定事件的区别
發(fā)布時間：2025/7/25
42
豆豆
生活随笔
收集整理的這篇文章主要介紹了
IE和DOM事件流、普通事件和绑定事件的区别
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
IE和DOM事件流的區(qū)別
IE采用冒泡型事件 Netscape（網(wǎng)絡(luò)信息瀏覽器）使用捕獲型事件 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);
}
執(zhí)行上面的代碼只會alert 2
事件綁定方式添加事件：
var btn = document.getElementById("btn");
btn.addEventListener("click",function(){alert(1);
},false);
btn.addEventListener("click",function(){alert(2);
},false);
執(zhí)行上面的代碼會先alert 1再執(zhí)行alert 2
普通添加事件的方法不支持添加多個事件，最下面的事件會覆蓋上面的，而事件綁定（addEventListener）方式添加事件可以添加多個！！！
?
轉(zhuǎn)載于:https://www.cnblogs.com/lhl66/p/8146714.html
總結(jié)
以上是生活随笔為你收集整理的IE和DOM事件流、普通事件和绑定事件的区别的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Request.From,Request
- 下一篇： 【uoj#225】[UR #15]奥林匹