html addeventlistener
时间: 2023-10-15 16:23:26 浏览: 27
HTML 的 `addEventListener` 是一个用于向 HTML 元素添加事件监听器的方法。它允许我们在特定的事件发生时执行指定的代码。
语法如下:
```javascript
element.addEventListener(event, function, useCapture);
```
- `element` 是需要添加事件监听器的 HTML 元素。
- `event` 是触发事件的名称,例如 `click`、`mouseover` 等。
- `function` 是事件触发时要执行的函数。
- `useCapture` 是一个可选参数,用于指定事件是否在捕获阶段进行处理,默认为 false。
以下是一个示例,展示了如何使用 `addEventListener` 来添加点击事件监听器:
```html
<!DOCTYPE html>
<html>
<body>
<button id="myButton">Click me!</button>
<script>
// 获取按钮元素
var button = document.getElementById("myButton");
// 添加点击事件监听器
button.addEventListener("click", function() {
alert("Button Clicked!");
});
</script>
</body>
</html>
```
在上面的示例中,当点击按钮时,会触发匿名函数,并显示弹出窗口显示 "Button Clicked!"。