js addeventlistener 用法
时间: 2023-10-09 08:13:04 浏览: 40
addEventListener 是 JavaScript 中用于给元素添加事件监听器的方法。它的用法如下所示:
```javascript
element.addEventListener(event, function, useCapture);
```
参数解释:
- `element`:要添加事件监听器的元素。
- `event`:要监听的事件类型,比如 "click"、"mouseover" 等。
- `function`:事件触发时要执行的函数,也称为事件处理程序或回调函数。
- `useCapture`:可选参数,指定事件是在捕获阶段还是冒泡阶段触发,默认为 false(冒泡阶段)。
示例代码如下所示:
```javascript
const button = document.getElementById("myButton");
function handleClick() {
console.log("按钮被点击了!");
}
button.addEventListener("click", handleClick);
```
上述代码中,我们获取了一个 id 为 "myButton" 的按钮元素,并定义了一个 handleClick 函数作为按钮点击事件的处理函数。然后,通过 addEventListener 方法将 handleClick 函数绑定到按钮的 "click" 事件上。
通过这种方式,当按钮被点击时,handleClick 函数会被调用,并输出一条消息到控制台上。你可以根据自己的需求修改 handleClick 函数来实现相应的功能。