IE和DOM事件流、普通事件和綁定事件的區別
阿新 • • 發佈：2017-12-30
strong clas doc cap () 添加多個 nbsp class 器）
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
IE和DOM事件流、普通事件和綁定事件的區別