window.addEventListener怎么同时写多个函数以及取消
时间: 2024-09-20 17:15:35 浏览: 84
window.addEventListener来解决让一个js事件执行多个函数
`window.addEventListener` 方法用于在指定的元素上添加事件监听器,可以同时注册多个回调函数,以便在触发特定事件时执行相应的操作。这个方法接受两个参数:事件名称(如 'click', 'mouseover' 等)和回调函数。
例如,如果你想在同一窗口上处理多个点击事件,你可以这样做:
```javascript
window.addEventListener('click', function handleClick1(e) {
// 第一个点击事件处理逻辑
});
window.addEventListener('click', function handleClick2(e) {
// 第二个点击事件处理逻辑
});
```
每个 `function handleClickX(e)` 都会在用户点击窗口时执行,其中 `e` 参数包含了事件信息。
如果需要取消某个事件监听,可以使用 `removeEventListener` 方法,传入相同的事件名和之前设置的回调函数作为参数。例如:
```javascript
// 如果你想取消 handleClick1 的监听
window.removeEventListener('click', handleClick1);
```
注意,如果你只有一个匿名函数(如 `window.addEventListener('click')`),那么你需要保存这个函数引用以便取消监听。但如果使用了命名函数,直接传递函数名即可。
阅读全文