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

addeventlistener中event参数

在 JavaScript 中，我们经常使用 `addEventListener` 来为元素添

加事件监听器。`addEventListener` 方法的核心是用于在指定的

元素上注册事件，以便在特定事件发生时触发函数。当事件监

听器被触发时，会自动传递一个事件对象作为参数给被调用的

函数。通过使用这个事件对象，我们可以进一步处理事件的属

性和方法。

下面是一些关于 `event` 参数的相关参考内容：

1. 获取事件类型：``

事件对象的 `type` 属性用于获取当前事件的类型。它可以告

诉我们事件的具体种类，例如点击事件、鼠标移动事件、键盘

按下事件等。通过判断事件的类型，我们可以执行相应的处理

逻辑。

2. 获取触发事件的元素：``

在事件监听器中，通过 `` 可以获取到触发事件的

元素。它返回一个指向触发事件的元素的引用，以便我们可以

进一步操作或获取元素的属性。

3. 阻止事件默认行为：`tDefault()`

在某些情况下，我们可能需要阻止元素默认的事件行为。比

如，当用户点击一个链接时，我们可能希望阻止浏览器跳转到

链接目标页面。为了实现这一点，可以使用

`tDefault()` 方法来取消事件的默认行为。

4. 停止事件传播：`opagation()`

在 DOM 结构中，事件通常会传递到更高层级的元素上。我

们可以使用 `opagation()` 来停止事件的传播，防止

事件触发父级元素或其他相关元素上绑定的事件监听器。

5. 获取鼠标坐标：`X` 和 `Y`

对于鼠标事件（如鼠标移动事件、点击事件），我们可以使

用 `X` 和 `Y` 属性获取当前鼠标的水平

和垂直坐标。这些坐标通常相对于窗口或文档而言，它们是相

对于视口的。

6. 获取键盘按键信息：`` 和 `e`

对于键盘事件，我们可以使用 `` 或 `e`

属性获取用户按下的键的信息。`` 返回按键的字符，

而 `e` 返回按键的编码值。

7. 获取触摸事件信息：`s` 和

`dTouches`

对于触摸事件，事件对象的 `touches` 属性提供了一个触摸列

表，列表中包含了所有当前与元素接触的手指的信息。而

`changedTouches` 属性则提供了一个触摸列表，列表中包含了

当前事件所涉及的手指的信息。

除了以上列举的主要属性和方法，事件对象 `event` 还有其他

一些常用的属性和方法，如：`y`、`ey`、

``、`tDefault()` 等等。通过对这些属性

和方法的灵活运用，我们可以更好地处理事件，实现丰富的交

互效果。在日常的 JavaScript 开发中，了解和正确使用 `event`

参数是至关重要的。