Bootstrap

JavaScript中的事件处理程序(addEventListener)

EventTarget是一个由可以接收事件的对象实现的接口,并且可以为它们创建侦听器。

DOM的事件操作,监听和触发,都定义在EventTarget接口,所有的节点对象都部署了这个接口,其他一些需要事件通信的浏览器内置对象,XMLHttpRequest,AudioNode,AudioContext也部署了这个接口

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

addEventListener()的工作原理是将实现EventListener的函数或对象添加到调用它的EventTarget上的指定事件类型的事件侦听器列表中。

格式为:

target.addEventListener(type, listener, useCapture);

type:

事件触发类型,如click,keypress等等

listener:
事件处理函数,当所监听的事件类型触发时,会接收到一个事件通知(实现了 Event 接口的对象)对象。 listener 必须是一个实现了 EventListener 接口的对象,或者是一个函数。

useCapture:
Boolean,在DOM树中,注册了listener的元素, 是否要先于它下面的EventTarget,调用该listener。 当useCapture(设为true) 时,沿着DOM树向上冒泡的事件,不会触发listener。当一个元素嵌套了另一个元素,并且两

;