美文网首页
JS在添加事件监听时冒泡与捕获阶段的不同

JS在添加事件监听时冒泡与捕获阶段的不同

作者: 丶灰太狼他叔 | 来源:发表于2018-10-09 15:31 被阅读18次

低版本IE(IE8及以下版本)不支持捕获阶段,so默认为冒泡阶段

定义和用法:

addEventListener() 方法用于向指定元素添加事件句柄。

使用removeEventListener() 方法来移除addEventListener()方法添加的事件句柄。

语法:

element.addEventListener(event,function,useCapture)

参数值:

event:必须。字符串,指定事件名。

注意: 不要使用 "on" 前缀。 例如,使用 "click" ,而不是使用 "onclick"。

function:必须。指定要事件触发时执行的函数。

当事件对象会作为第一个参数传入函数。 事件对象的类型取决于特定的事件。例如, "click" 事件属于 MouseEvent(鼠标事件) 对象。

useCapture:

可选。布尔值,指定事件是否在捕获或冒泡阶段执行。

可能值:

true - 事件句柄在捕获阶段执行
false- false- 默认。事件句柄在冒泡阶段执行

capture为捕获的意思。。

相关文章

  • JS在添加事件监听时冒泡与捕获阶段的不同

    低版本IE(IE8及以下版本)不支持捕获阶段,so默认为冒泡阶段 定义和用法: addEventListener(...

  • js事件监听 事件冒泡 和css3新增

    事件监听:事件捕获 目标阶段 冒泡阶段 事件冒泡:当使用事件冒泡时,子元素先触发,父级元素后触发。 //阻止事件冒...

  • 事件委托与事件监听(皮毛)

    事件监听 addEventListener() 或 attachEvent() 捕获阶段、目标阶段、冒泡阶段。 e...

  • 事件基础(2)

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

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

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

  • 默认事件

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

  • Js事件传播流程, 事件阻止

    js事件传播流程主要分三个阶段:事件捕获阶段、处于目标阶段、事件冒泡阶段。 在我们平常用的addEventLis...

  • React如何绑定捕获方式事件

    熟悉React的都知道,比如onClick绑定的事件是在冒泡阶段执行的,如何监听捕获阶段的事件呢? 答案:onCl...

  • vue.js 中的.capture事件修饰符的用法。

    .capture事件修饰符的作用添加事件侦听器时使用事件捕获模式即是给元素添加一个监听器,当元素发生冒泡时,先触发...

  • 捕获和冒泡

    捕获:从外向内冒泡:从内向外 在一个事件发生时,捕获过程跟冒泡过程总是先后发生,跟你是否监听毫无关联,先捕获后冒泡...

网友评论

      本文标题:JS在添加事件监听时冒泡与捕获阶段的不同

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