addEventListener如何使用
时间: 2024-05-10 17:11:44 浏览: 66
addEventListener 的用法示例介绍
5星 · 资源好评率100%
addEventListener是JavaScript中用于给元素添加事件监听器的方法。它的使用方法如下[^1]:
```javascript
target.addEventListener(type, listener, useCapture);
```
- target:要添加事件监听器的元素。
- type:要监听的事件类型,比如"click"、"keydown"等。
- listener:事件触发时要执行的函数,也称为事件处理程序。
- useCapture:可选参数,指定事件是在捕获阶段还是冒泡阶段触发,默认为false(冒泡阶段)。
例如,给id为"testText"的元素添加一个键盘按下事件的监听器,当按下键盘时弹出按键的keyCode:
```javascript
document.getElementById("testText").addEventListener("keydown", function (event) {
alert(event.keyCode);
}, false);
```
这段代码会在id为"testText"的元素上添加一个键盘按下事件的监听器,当按下键盘时,会触发匿名函数,并弹出按键的keyCode。
阅读全文