由 dawei JavaScript事件模型是网页交互的核心，它允许开发者响应用户操作，如点击、键盘输入或鼠标移动等。事件模型涉及事件的传播、处理和触发机制。
AI绘图结果，仅供参考
在DOM中，事件传播分为三个阶段：捕获阶段、目标阶段和冒泡阶段。当一个事件发生时，它会从文档根节点向下传递到目标元素（捕获阶段），然后在目标元素上触发（目标阶段），最后再向上回传到文档根节点（冒泡阶段）。
事件监听器可以通过addEventListener方法添加，它支持捕获和冒泡两种模式。默认情况下，事件监听器在冒泡阶段触发，但可以通过设置第三个参数为true来在捕获阶段触发。
事件对象包含丰富的信息，如事件类型、目标元素、坐标位置以及阻止默认行为的方法。通过event.preventDefault()可以阻止浏览器的默认行为，例如表单提交或链接跳转。
事件委托是一种常见的优化技术，利用事件冒泡机制，将事件监听器绑定到父元素，而不是每个子元素。这不仅减少内存占用，还能动态处理新增的子元素。
有些事件具有默认行为，比如点击按钮会触发提交，而使用event.stopPropagation()可以阻止事件继续传播，避免不必要的处理。