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

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

定义和用法:

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

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

语法:

element.addEventListener(event,function,useCapture)

参数值:

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

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

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

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

useCapture:

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

可能值:

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

capture为捕获的意思。。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 以下文章为转载,对理解JavaScript中的事件处理机制很有帮助,浅显易懂,特分享于此。 什么是事件? 事件(E...
    jxyjxy阅读 8,164评论 1 10
  • 从阿里2018笔试题讲 addEventListener-捕获阶段-冒泡阶段 下面代码中,当点击点我时,输出的...
    梅子_may阅读 6,698评论 0 3
  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 8,867评论 1 11
  • 事件绑定的方式 给 DOM 元素绑定事件分为两大类:在 html 中直接绑定 和 在 JavaScript 中绑定...
    Bruce_zhuan阅读 4,657评论 0 6
  • 多次遇到事件冒泡与捕获相关的题目,冒泡和捕获机制在不同浏览器中的兼容性也不相同,IE中默认只支持冒泡机制,冒泡和捕...
    啊鹰的阅读 4,050评论 0 6