文章目录一、DOM事件流程二、事件捕获与事件冒泡一、事件捕获二、事件冒泡三、如何阻止事件冒泡
另一方面，DOM事件流DOM (文档对象模型)结构为树结构，当HTML元素生成事件时，该事件在元素节点和根节点之间的路径中传播，路径通过的节点接收该事件。 这一传播过程可以称为DOM事件流。
在DOM兼容浏览器中，事件流分为三个阶段：
捕获阶段—事件从文档节点自上而下传播到目标节点的阶段。
目标阶段：真正的目标节点正在处理事件的阶段；
鼓泡阶段：事件从目标节点自下而上传播到文档节点的阶段。
二、事件捕获和事件鼓泡1 .事件捕获“事件捕获”(event capturing )表示事件发生在最外层，直到最具体的因素。
在以下示例中，click事件在事件捕获概念下的发生顺序必须为document - html - body - div - p
代码如下所示。
divid=' father ' PID=' son ' click/p/div2.事件冒泡事件冒泡来自最内层元素，并向上传播到文档对象。
因此，在上述示例中，在事件泡沫概念下click事件的发生顺序应该是p - div - body - html - document
三、阻止事件鼓泡的方法一： event.stopPropagation (；
$('#div1' ).mousedown (功能(事件) ) {event.stopPropagation )； )； event.stopPropagation ()只阻止事件鼓泡，不阻止事件本身。
方式返回假；
$('#div1' ).mousedown (功能(事件) {返回假； )； 但是，return false不仅阻止了事件上面起泡，而且阻止了事件本身。