美文网首页
js 冒泡事件、捕获事件

js 冒泡事件、捕获事件

作者: 某个胖子 | 来源:发表于2016-05-11 17:30 被阅读61次
  • 冒泡型事件:
    事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。
    顺序:div -> body -> html -> document

  • 捕获型事件(event capturing):
    事件从最不精确的对象(document 对象)开始触发,然后到最精确(也可以在窗口级别捕获事件,不过必须由开发人员特别指定)。
    顺序:与冒泡相反

  • DOM事件流:
    同时支持两种事件模型,但是,捕获型事件先发生。
    两种事件流会触及DOM中的所有对象,从document对象开始,也在document对象结束。

支持W3C标准的浏览器在添加事件时使用addEventListener(event,fn,useCapture),其中第3个参数useCapture是一个Boolean值,用来设置事件类型:冒泡/捕获。而不兼容W3C的浏览器(IE)用attachEvent()方法,此方法没有相关设置,不过IE的事件模型默认是在事件冒泡时执行的,也就是在useCapture等于false的时候执行,所以把在处理事件时把useCapture设置为false是比较安全,也实现兼容浏览器的效果。

相关文章

  • 事件基础(2)

    js事件的三个阶段:捕获,目标,冒泡 IE:IE事件流是事件冒泡流 Netscape事件流是事件捕获流 IE事件...

  • JS事件相关基础

    js事件: 键盘事件: JS中的事件冒泡和事件捕获: 1、事件冒泡。如下代码: 点击button事件,连同父元素绑...

  • vue 阻止事件冒泡,捕获方法

    要想了解 VUE 阻止事件冒泡和捕获方法,首先要了解一下 JS 事件和 JS 阻止事件冒泡,捕获方法 1. js ...

  • 图解事件委托

    事件捕获和事件冒泡 说到事件委托我们就不得不提JS中事件的整个历程中的两个机制:事件捕获和事件冒泡。 然而要说这事...

  • 搜狗面试

    原型链上手写事件,手写原生js实现ajax事件,jsonp实现原理,阻止事件IE冒泡代码,事件捕获、处理,冒泡代码...

  • Javascript 事件代理、冒泡和捕获

    2019开工荒了两天,赶紧开始! 为什么写事件代理、冒泡、捕获,首先冒泡和捕获是js事件的核心基础,事件代理原理来...

  • js 阻止冒泡 阻止默认事件

    js冒泡和捕获是事件的两种行为,使用event.stopPropagation()起到阻止捕获和冒泡阶段中当前事件...

  • 默认事件

    js冒泡和捕获是事件的两种行为,使用event.stopPropagation()起到阻止捕获和冒泡阶段中当前事件...

  • JS事件冒泡、事件捕获

    问题 1、编写一个通用的事件监听函数 2、描述事件冒泡流程 DOM树形结构 事件冒泡 阻止冒泡e.stopProp...

  • js 冒泡事件、捕获事件

    冒泡型事件:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。顺序:div -> ...

网友评论

      本文标题:js 冒泡事件、捕获事件

      本文链接:https://www.haomeiwen.com/subject/qbsurttx.html