开发者社区> 问答> 正文

IE 和 DOM 事件流的区别

IE 和 DOM 事件流的区别

展开
收起
茶什i 2019-11-21 18:53:12 860 0
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 为冒泡阶段。

    2019-11-21 18:53:52
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载