IE与DOM事件流的区别

来源:互联网 发布:超级玛丽 跳跃算法 编辑:程序博客网 时间:2024/06/13 08:50
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为冒泡阶段。
原创粉丝点击