DOM事件（一）

文档对象模型（Document Object Model,DOM）事件是指当用户的操作或其他特定条件满足时，在网页中触发的预定义动作。

这些事件可以由浏览器、JavaScript或用户交互引发，允许开发者对页面内容进行动态响应。

在JavaScript中，DOM事件处理通常涉及以下几个步骤：

1、监听事件：通过addEventListener或attachEvent方法为HTML元素添加事件监听器，如click，mouseover，keydown等。

button.addEventListener('click', function(event) {
    // 处理点击事件的逻辑
});

2、事件处理函数：这是事件被触发时要执行的代码块，它接收一个事件对象作为参数，包含了关于事件的详细信息。

3、事件冒泡与阻止默认行为：大部分事件会从最具体的元素开始向上级元素传播，直到到达window。如果不需要事件在父级继续触发，可以在处理函数中调用event.stopPropagation( )。如果希望阻止默认的行为（比如链接跳转），则使用event.preventDefault( )。

4、事件委托：利用事件冒泡原理，可以在祖先元素上绑定事件处理程序来监听子元素的事件，提高性能并简化代码。

document.getElementById('myButton').addEventListener('click', function(event) {
    alert('Button clicked!');
});