IE和DOM事件流 普通事件和繫結事件的區別

2022-06-18 12:24:07 字數 830 閱讀 7981

ie和dom事件流的區別ie採用冒泡型事件 netscape(網路資訊瀏覽器)使用捕獲型事件 dom使用先捕獲後冒泡型事件 

示例:

click

冒泡型事件模型:button->div->body (ie事件流)捕獲型事件模型:body->div->button (netscape事件流)dom事件模型:body->div->button->button->div->body (先捕獲後冒泡)

普通新增事件的方法:

var btn = document.getelementbyid("btn");

btn.onclick = function

()btn.onclick = function

()執行上面的**只會alert 2事件繫結方式新增事件:var btn = document.getelementbyid("btn");

btn.addeventlistener("click",function

(),false

);btn.addeventlistener("click",function

(),false

);執行上面的**會先alert 1再執行alert 2普通新增事件的方法不支援新增多個事件,最下面的事件會覆蓋上面的,而事件繫結(addeventlistener)方式新增事件可以新增多個!!!

IE和DOM事件流

ie採用冒泡型事件 netscape使用捕獲型事件 dom使用先冒泡後捕獲事件冒泡型事件模型 button div body ie事件流 捕獲型事件模型 body div button netscape事件流 dom事件模型 body div button button div body 先捕獲後冒...

事件繫結和普通事件的區別

普通新增事件的方法 var btn document.getelementbyid hello btn.onclick function btn.onclick function 執行上面的 只會alert 2 事件繫結方式新增事件 var btn document.getelementbyid h...

事件繫結和普通事件的區別

普通新增事件的方法 var btn document.getelementbyid hello btn.onclick function btn.onclick function 執行上面的 只會alert 2 事件繫結方式新增事件 var btn document.getelementbyid h...