zoukankan      html  css  js  c++  java
  • 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为冒泡阶段。

    标准DOM:
    [Object].addEventListener("事件名称",fnHandler,是否捕获)
    [Object].removeEventListener("事件名称", fnHandler, 是否捕获);
    1.DOM使用先捕获后冒泡型事件,true为在捕获阶段处理,false为在冒泡阶段处理
    2.事件名称没有on
    3.this指向触发该事件的对象

    IE(低版本9以下):
    [Object].attachEvent("事件名称",fnHandler);
    [Object].detachEvent("事件名称", fnHandler);
    1.IE采用冒泡型事件
    2.事件名称有on
    3.this指向window

    区别
    1.执行顺序不一样、
    2.参数不一样
    3.事件加不加on
    4.this指向问题



  • 相关阅读:
    03.《架构漫谈》阅读笔记
    02.《架构漫谈》阅读笔记
    03.《架构之美》阅读笔记
    02.《架构之美》阅读笔记
    01.《架构之美》阅读笔记
    软件架构中的质量属性--以淘宝网为例(小论文)
    MVC框架介绍分析
    论面向服务架构设计及其应用
    1.26学习进度总结
    1.24学习进度总结
  • 原文地址:https://www.cnblogs.com/cui-ting/p/11080109.html
Copyright © 2011-2022 走看看