DOM 事件详解：深入了解 JavaScript 事件处理

JavaScript 中的 DOM 事件是 Web 开发中不可或缺的一部分，它们为我们提供了与用户交互和响应用户操作的能力。本文将详细解析 DOM 事件的相关概念和用法，并提供相应的源代码示例，帮助您更好地理解和应用事件处理。

什么是 DOM 事件？

DOM（文档对象模型）是 HTML 和 XML 文档的编程接口，它将文档表示为一个树状结构，通过 JavaScript 可以对这个结构进行操作。DOM 事件是在文档中发生的特定动作或交互，比如鼠标点击、键盘按键、页面滚动等。通过监听这些事件，我们可以编写 JavaScript 代码来实现对用户操作的响应。

监听事件

要监听 DOM 事件，我们需要使用 addEventListener 方法。该方法接受两个参数：事件类型和事件处理函数。事件类型可以是预定义的 DOM 事件，也可以是自定义事件。

以下是一个示例，展示如何监听鼠标点击事件（click）：

const button = document.getElementById(