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})