2024年4月30日发(作者：)

eventlistener用法

EventListener 是 JavaScript 中的一个接口，用于控制浏览器事

件的监听和处理。

使用方法如下：

1. 获取要监听的元素。例如，通过

`mentById()` 方法获取要监听的元素。

```javascript

const button = mentById("myButton");

```

2. 使用 `addEventListener()` 方法来添加事件监听器。该方法接

受两个参数：事件类型（如 "click"、"mouseover" 等）和事件

处理函数。

```javascript

ntListener("click", handleClick);

```

3. 定义事件处理函数。事件处理函数是一个普通的 JavaScript

函数，它将在事件发生时被调用。

```javascript

function handleClick(event) {

// 处理事件的逻辑

}

```

4. 在事件处理函数中，可以使用 `event` 参数来获取和操作事

件相关的信息。例如，可以使用 `` 获取触发事件的

元素。

```javascript

function handleClick(event) {

const target = ;

// 处理事件的逻辑

}

```

可以添加多个事件监听器来监听同一个事件类型。例如，如果

要在按钮被点击时同时执行两个函数，可以简单地添加两个事

件监听器。

```javascript

ntListener("click", handleClick1);

ntListener("click", handleClick2);

```

注意，添加的事件监听器在触发顺序上可能会有影响。例如，

如果先添加的事件监听器先触发，可以使用

`opagation()` 方法来阻止事件继续传播。

```javascript

function handleClick1(event) {

// 处理事件的逻辑

opagation();

}

```

以上就是 EventListener 的基本用法。通过添加和移除事件监

听器，可以对不同事件做出响应，增强网页的交互性。