如何通过addEventListener()和attachEvent()方法在JS中注册事件监听器？
- 内容介绍
- 文章标签
- 相关推荐
本文共计1195个文字，预计阅读时间需要5分钟。
在JavaScript的DOM事件模型中，通过调用对象的addEventListener()方法注册事件。用法如下：element.addEventListener(String type, Function listener, boolean useCapture); 参数说明如下：type：注册事件的类型。
在 JavaScript 的 DOM 事件模型中，通过调用对象的 addEventListener() 方法注册事件。用法如下：
element.addEventListener(String type, Function listener, boolean useCaptrue);
参数说明如下：
- type：注册事件的类型名。事件类型与事件属性不同，事件类型名没有 on 前缀。例如，对于事件属性 onclick 来说，所对应的事件类型为 click。
- listener：监听函数，即事件处理函数。在指定类型的事件发生时将调用该函数。在调用这个函数时，默认传递给它的唯一参数是 event 对象。
- useCaptrue：是一个布尔值。如果为 true，则指定的事件处理函数将在事件传播的捕获阶段触发；如果为 false，则事件处理函数将在冒泡阶段触发。
示例1
下面示例使用 addEventListener() 为所有按钮注册 click 事件。首先，调用 document 的 getElementsByTagName() 方法捕获所有按钮对象；然后，使用 for 语句遍历按钮集（btn），并使用 addEventListener() 方法分别为每一个按钮注册事件函数，获取当前对象所显示的文本。
本文共计1195个文字，预计阅读时间需要5分钟。
在JavaScript的DOM事件模型中，通过调用对象的addEventListener()方法注册事件。用法如下：element.addEventListener(String type, Function listener, boolean useCapture); 参数说明如下：type：注册事件的类型。
在 JavaScript 的 DOM 事件模型中，通过调用对象的 addEventListener() 方法注册事件。用法如下：
element.addEventListener(String type, Function listener, boolean useCaptrue);
参数说明如下：
- type：注册事件的类型名。事件类型与事件属性不同，事件类型名没有 on 前缀。例如，对于事件属性 onclick 来说，所对应的事件类型为 click。
- listener：监听函数，即事件处理函数。在指定类型的事件发生时将调用该函数。在调用这个函数时，默认传递给它的唯一参数是 event 对象。
- useCaptrue：是一个布尔值。如果为 true，则指定的事件处理函数将在事件传播的捕获阶段触发；如果为 false，则事件处理函数将在冒泡阶段触发。
示例1
下面示例使用 addEventListener() 为所有按钮注册 click 事件。首先，调用 document 的 getElementsByTagName() 方法捕获所有按钮对象；然后，使用 for 语句遍历按钮集（btn），并使用 addEventListener() 方法分别为每一个按钮注册事件函数，获取当前对象所显示的文本。