什么是 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