HTML DOM 事件是指用户与 HTML 文档交互时所触发的各种动作，比如鼠标点击、键盘输入、窗口加载等。通过 HTML DOM，你可以注册事件监听器来响应这些事件，实现动态交互和用户体验的增强。
以下是一些常见的 HTML DOM 事件：
- 鼠标事件：
- click：当鼠标单击元素时触发。
- mouseover：当鼠标移动到元素上方时触发。
- mouseout：当鼠标移出元素时触发。
- mousedown：当鼠标按下元素时触发。
- mouseup：当鼠标释放元素时触发。
- 键盘事件：
- keydown：当按下键盘上的任意键时触发。
- keyup：当释放键盘上的任意键时触发。
- keypress：当按下键盘上的字符键时触发。
- 表单事件：
- submit：当表单提交时触发。
- change：当表单元素的值发生变化时触发。
- focus：当表单元素获得焦点时触发。
- blur：当表单元素失去焦点时触发。
- 窗口事件：
- load：当文档或图像加载完成时触发。
- resize：当窗口大小调整时触发。
- scroll：当用户滚动页面时触发。
- 其他事件：
- focus：当元素获得焦点时触发。
- blur：当元素失去焦点时触发。
- contextmenu：当用户右键单击元素时触发。
你可以使用 addEventListener() 方法来为元素添加事件监听器，也可以直接将事件处理函数赋值给元素的相应属性。
下面是一个简单的示例，演示了如何使用 HTML DOM 来响应点击事件：
<!DOCTYPE html>
<html>
<head>
<title>Event Example</title>
</head>
<body>
<button id="myButton">Click Me</button>
<script>
// 获取按钮元素
var button = document.getElementById("myButton");
// 添加点击事件监听器
button.addEventListener("click", function() {
alert("Button clicked!");
});
</script>
</body>
</html>
在这个示例中，当按钮被点击时，会弹出一个对话框显示 “Button clicked!”。这是通过将一个匿名函数作为事件处理函数，通过 addEventListener() 方法添加到按钮元素的 click 事件上实现的。