window.addEventListener用法
时间: 2023-10-18 07:51:23 浏览: 58
window.addEventListener是JavaScript中用于添加事件监听器的方法。它允许我们在特定事件发生时执行特定的函数。
用法示例:
```
window.addEventListener(event, function, useCapture);
```
参数解释:
- event: 必需,表示要监听的事件类型,比如 "click"、"keydown"等。
- function: 必需,表示事件触发时要执行的函数,也称为事件处理程序。
- useCapture: 可选,一个布尔值,表示事件是在捕获阶段还是冒泡阶段触发。默认为false,即在冒泡阶段触发。
示例代码:
```
// 创建一个点击事件监听器
window.addEventListener("click", function() {
console.log("点击事件触发了!");
});
// 创建一个键盘按下事件监听器
window.addEventListener("keydown", function(event) {
console.log("键盘按下了:" + event.key);
});
```
通过使用addEventListener方法,我们可以在指定的事件类型上注册多个监听器。当该事件类型被触发时,所有注册的监听器函数都会被依次调用。
希望以上回答能够解决你的问题!如果还有其他疑问,请随时提问。
相关问题
window.addEventListener 使用方法
window.addEventListener() 方法用于向指定窗口添加事件句柄。该方法接受三个参数:事件类型、事件处理程序和一个布尔值,指定事件是否在捕获或冒泡阶段执行。以下是使用 window.addEventListener() 方法的示例:
```javascript
// 添加事件监听器
window.addEventListener("resize", function(){
console.log("窗口大小已更改");
});
// 移除事件监听器
window.removeEventListener("resize", function(){
console.log("窗口大小已更改");
});
```
window.addEventListener的使用方法
window.addEventListener方法用于向指定的元素添加事件监听器。它接受两个参数:要监听的事件类型和事件发生时要执行的函数。
以下是window.addEventListener的使用方法的示例:
```javascript
// 添加resize事件监听器
window.addEventListener('resize', function() {
// 在窗口大小发生变化时执行的操作
console.log('窗口大小发生变化');
});
// 添加click事件监听器
window.addEventListener('click', function() {
// 在点击窗口时执行的操作
console.log('点击了窗口');
});
```
在上面的示例中,我们向window对象添加了两个事件监听器:一个是resize事件监听器,当窗口大小发生变化时会执行相应的操作;另一个是click事件监听器,当点击窗口时会执行相应的操作。
注意:在使用addEventListener方法添加事件监听器后,如果想要移除该事件监听器,可以使用window.removeEventListener方法。