EventTarget.addEventListener

487 阅读1分钟

监听属性

EventTarget.addEventListener() 方法将指定的监听器注册到 EventTarget 上,

当该对象触发指定的事件时,指定的回调函数就会被执行。 事件目标可以是一个文档上的元素 Element,

Document和Window或者任何其他支持事件的对象 (比如 XMLHttpRequest)。

target.addEventListener(type, listener, options);

target.addEventListener(type, listener, useCapture);

target.addEventListener(type, listener, useCapture, wantsUntrusted ); // Gecko/Mozilla only

属性: type 事件的类型(如“click”或“mousedown”)

options 事件触发后调用的函数

listener

useCapture

事件传递有两种方式:冒泡与捕获。

事件传递定义了元素事件触发的顺序。 如果你将

元素插入到

元素中,用户点击

元素, 哪个元素的 "click" 事件先被触发呢?

在 冒泡 中,内部元素的事件会先被触发,然后再触发外部元素,即:

元素的点击事件先触发,然后会触发

元素的点击事件。

在 捕获 中,外部元素的事件会先被触发,然后才会触发内部元素的事件,即:

元素的点击事件先触发 ,然后再触发

元素的点击事件。

addEventListener() 方法可以指定 "useCapture" 参数来设置传递类型:

默认值为 false, 即冒泡传递,当值为 true 时, 事件使用捕获传递。

wantsUntrusted

blog.csdn.net/yangchunsha…

www.cnblogs.com/pfeiliu/p/1…

-->