EventTarget.addEventListener()

【EventTarget.addEventListener()】EventTarget.addEventListener() 方法将指定的监听器注册到 EventTarget 上,当该对象触发指定的事件时,指定的回调函数就会被执行。 事件目标可以是一个文档上的元素 Element,Document和Window或者任何其他支持事件的对象 (比如 XMLHttpRequest)。

  1. target.addEventListener(type, listener, options);
    options = {
    capture: true, // 捕获阶段出发 once: true, // 值出发一次,清除事件 passive: true // 设置为true时,表示 listener 永远不会调用 preventDefault()。所以不要调用e.preventDefault(),会抛出警告。

    你可以使用 e.cancelable 来检查该事件是否支持取消。为一个不支持cancelable的事件调用preventDefault()将没有效果。
}

  1. target.addEventListener(type, listener, useCapture);
    当useCapture(设为true) 时,沿着DOM树向上冒泡的事件,不会触发listener。
参考链接:https://developer.mozilla.org...

    推荐阅读