什么是 DOM 事件？

        在 HTML 或 XML 文档中，当某个操作被触发时所产生的事件称为 DOM 事件。这些事件可以来自用户的交互操作，比如鼠标点击、滚动、键盘输入等；也可以来自浏览器的内部操作，比如页面加载、DOM 结构变化等。

---

如何监听 DOM 事件？

可以使用 JavaScript 中的 addEventListener() 方法或者直接设置 onXXX 的方式来注册 DOM 事件的处理函数。其中，addEventListener() 方法可以添加多个事件处理函数，而直接设置 onXXX 只能添加一个事件处理函数。

例如，使用 addEventListener() 方法监听点击事件的示例代码如下：

var element = document.getElementById("myButton");
element.addEventListener("click", function(){console.log("Button clicked!");
});

---

常见的 DOM 事件类型

鼠标事件

• click：鼠标单击事件。
• dblclick：鼠标双击事件。
• mousedown：鼠标按下事件。
• mouseup：鼠标抬起事件。
• mousemove：鼠标移动事件。
• mouseover：鼠标移入事件。
• mouseout：鼠标移出事件。

键盘事件

• keydown࿱