DOM 事件模型与 DOM 事件机制

DOM（文档对象模型）是用于表示和操作 HTML 和 XML 文档的标准编程接口。DOM 事件模型是 DOM 提供的一种机制，用于处理与文档交互的事件。DOM 事件机制定义了事件的传播方式和事件处理的机制。本文将详细介绍 DOM 事件模型和 DOM 事件机制，并提供相应的源代码示例。

DOM 事件模型

DOM 事件模型描述了事件在 DOM 结构中的传播方式。它基于一种称为事件冒泡的概念，即事件从最内层的元素开始传播，一直传播到最外层的元素。事件冒泡过程中，可以在每个元素上触发事件处理程序。

DOM 事件模型包含以下三个阶段：

1. 捕获阶段（Capture Phase）：事件从最外层的元素向内传播，依次经过每个元素的捕获阶段。在捕获阶段，事件处理程序可以通过调用 addEventListener 方法来注册，指定 useCapture 参数为 true。

2. 目标阶段（Target Phase）：事件到达目标元素，即触发事件的元素。在目标阶段，可以通过调用 addEventListener 方法来注册事件处理程序，不需要指定 useCapture 参数。

3. 冒泡阶段（Bubble Phase）：事件从目标元素向外传播，依次经过每个元素的冒泡阶段。在冒泡阶段，事件处理程序可以通过调用 addEventListener 方法来注册，指定 useCapture 参数为 false（