EventListener('
时间: 2024-08-20 17:01:53 浏览: 72
js HTML DOM EventListener功能与用法实例分析
`EventListener` 是一种用于监听特定事件并在事件发生时执行相应操作的对象,它在JavaScript中非常常见。在JavaScript中,事件通常与DOM(文档对象模型)元素关联,比如点击、鼠标移动、窗口加载等。
创建一个简单的 `EventListener` 的方式是通过`addEventListener()` 方法。这个方法接收三个参数:要监听的事件类型(如 `'click'` 或 `'mouseover'`)、一个回调函数(当事件触发时执行),以及可选的一个布尔值表示事件是否应该在捕获阶段(默认为不捕获,即冒泡阶段)处理。
例如,如果你想在一个按钮上添加一个点击事件监听器:
```javascript
const myButton = document.getElementById('myButton'); // 获取元素
myButton.addEventListener('click', function(event) {
console.log('Button clicked!');
// 这里是事件处理程序,会在按钮被点击时执行
});
```
在这个例子中,当用户点击按钮时,控制台会打印 "Button clicked!"。
阅读全文