我发现这张图对于理解捕获/目标/气泡阶段非常有用: http://www.w3.org/TR/2003/NOTE-DOM-Level-3-Events-20031107/events.html#Events-phases

下面是从链接中提取的内容。

阶段

事件按照从树的根到目标节点的路径分派。然后，可以在目标节点级别本地处理它，也可以从树中更高级别的任何目标的祖先处理它。事件分派(也称为事件传播)发生在三个阶段，顺序如下:

捕获阶段:事件被分派到目标的祖先 从树的根到目标节点的直接父节点。 目标阶段:事件被分派到目标节点。 冒泡阶段:事件被分派到目标阶段 从目标节点的直接父节点到根节点的祖先 这棵树。

目标的祖先在事件的初始分派之前确定。如果在调度期间删除了目标节点，或者添加或删除了目标的父节点，则事件传播将始终基于调度之前确定的目标节点和目标的父节点。

有些事件可能不一定完成DOM事件流的三个阶段，例如，事件只能为一个或两个阶段定义。例如，本规范中定义的事件将始终完成捕获和目标阶段，但有些事件不会完成冒泡阶段(“冒泡事件”与“非冒泡事件”，请参见事件。泡沫属性)。

定义的顺序只在项目处于同一级别时才起作用。如果你在你的代码中颠倒定义的顺序，你会得到相同的结果。

但是，如果反转两个事件处理程序上的useCapture设置，子事件处理程序将在父事件处理程序之前响应。这样做的原因是，子事件处理程序现在将在捕获阶段被触发，该阶段先于触发父事件处理程序的冒泡阶段。

如果您将两个事件处理程序的useCapture设置为true——不管定义的顺序如何——父事件处理程序将首先被触发，因为在捕获阶段它出现在子事件处理程序之前。

相反，如果您将两个事件处理程序的useCapture设置为false——同样不考虑定义的顺序——子事件处理程序将首先被触发，因为在冒泡阶段它出现在父事件处理程序之前。

我发现这张图对于理解捕获/目标/气泡阶段非常有用: http://www.w3.org/TR/2003/NOTE-DOM-Level-3-Events-20031107/events.html#Events-phases

下面是从链接中提取的内容。

阶段

事件按照从树的根到目标节点的路径分派。然后，可以在目标节点级别本地处理它，也可以从树中更高级别的任何目标的祖先处理它。事件分派(也称为事件传播)发生在三个阶段，顺序如下:

捕获阶段:事件被分派到目标的祖先 从树的根到目标节点的直接父节点。 目标阶段:事件被分派到目标节点。 冒泡阶段:事件被分派到目标阶段 从目标节点的直接父节点到根节点的祖先 这棵树。

目标的祖先在事件的初始分派之前确定。如果在调度期间删除了目标节点，或者添加或删除了目标的父节点，则事件传播将始终基于调度之前确定的目标节点和目标的父节点。

有些事件可能不一定完成DOM事件流的三个阶段，例如，事件只能为一个或两个阶段定义。例如，本规范中定义的事件将始终完成捕获和目标阶段，但有些事件不会完成冒泡阶段(“冒泡事件”与“非冒泡事件”，请参见事件。泡沫属性)。

当你说useCapture = true时，事件在捕获阶段从上到下执行，当为false时，它会从下到上进行冒泡。

事件可以在两种情况下被激活:在开始(“捕获”)和在结束(“气泡”)。 事件按照它们的定义顺序执行。比如，你定义了4个事件监听器:

窗口。addEventListener("点击"，function(){console.log(1)}， false); 窗口。addEventListener("点击"，function(){console.log(2)}， true); 窗口。addEventListener("点击"，function(){console.log(3)}， false); 窗口。addEventListener("点击"，function(){console.log(4)}， true);

日志消息将按以下顺序显示:

2(首先定义，使用capture=true) 4(使用capture=true定义秒) 1(第一个定义的事件与capture=false) 3(捕获的第二个定义事件=false)

都是关于事件模型的:http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-flow 您可以在冒泡阶段或捕获阶段捕获事件。你的选择。 看看http://www.quirksmode.org/js/events_order.html，你会发现它非常有用。