addEventListener的第三个参数

大家都知道 addEventListener 可以给对象添加事件监听。百度，w3school 对它的解释，有三个参数，语法格式如下：

 el.addEventListener(type, listener[, useCapture])

el：事件对象。比如，某个标签，window，document 对象等等。
type：事件类型，click、mouseenter 等
listener：事件处理函数，事件发生时，就会触发该函数运行。
useCapture：布尔值，规定是否是捕获型，默认为 false（冒泡）。因为是可选的，往往也会省略它。

不过，2015年底，为了扩展新的选项，因此给 addEventListener 拓展了第三个参数。

ECMA规范做了修订：addEventListener() 的第三个参数可为 {} 对象。

el.addEventListener(type, listener, {
capture: false, // === useCapture
once: false,
// 是否设置单次监听
passive: false
// 是否让 阻止默认行为(preventDefault()) 失效
})
// 新增参数的三个属性，默认值都是 false。

不过 addEventListener 以前的用法依然可用。第三个参数为｛｝对象，只是做了功能上的拓展，不是要取消之前的用法。

如何移除 { passive: true } 的监听事件呢？

// 直接省略第三个参数
el.removeEventListener(type, listener)
// 如果添加了 capture: true 的事件，则加上
el.removeEventListener(type, listener, true)
el.removeEventListener(type, listener, {passive: true})

最后

以上就是傻傻冷风为你收集整理的addEventListener的第三个参数的全部内容，希望文章能够帮你解决addEventListener的第三个参数所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。