IE與DOM事件流的區別

1.事件流的區別 

IE採用冒泡型事件
Netscape使用捕獲型事件 
DOM使用先捕獲後冒泡型事件
 
示例:
<body>
<div>
<button>事件流</button>
</div>
</body>

冒泡型事件模型: button->div->body (IE事件流)
捕獲型事件模型: body->div->button (Netscape事件流)
DOM事件模型: body->div->button->button->div->body (先捕獲後冒泡)

2.事件偵聽函數的區別

IE使用:
[Object].attachEvent("name_of_event_handler", fnHandler); //綁定函數
[Object].detachEvent("name_of_event_handler", fnHandler); //移除綁定

DOM使用:
[Object].addEventListener("name_of_event", fnHandler, bCapture); //綁定函數
[Object].removeEventListener("name_of_event", fnHandler, bCapture); //移除綁定

bCapture參數用於設置事件綁定的階段,true爲捕獲階段,false爲冒泡階段。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章