先 捕获 再 冒泡
js的事件冒泡机制呢，就是一个DOM树，一级一级向上冒的过程，最终是到document这个根节点这里。js的事件冒泡机制，就像是一个水泡在水底下，冒泡到水面的过程。
捕获：从上往下；--> 目标阶段；--> 冒泡：从下往上。
DOM事件流
DOM2级事件规定的事件流包括 三个阶段：
注意：在DOM事件流中，实际的目标在捕获阶段不会接收到事件，下一个阶段是处于目标阶段，这时事件被触发，最后进入事件冒泡阶段。我们认为处于目标阶段是事件冒泡阶段的一部分。
另：
1.event.stopPropagation()方法
这是阻止事件的冒泡方法，不让事件向document上蔓延，
但是默认事件任然会执行，当你调用这个方法的时候，
如果点击一个连接，这个连接仍然会被打开，
2.event.preventDefault()方法
这是阻止默认事件的方法，调用此方法是，连接不会被
打开，但是会发生冒泡，冒泡会传递到上一层的父元素；
3.return false ；
这个方法比较暴力，他会同时阻止事件冒泡也会阻止默认
事件；写上此代码，连接不会被打开，事件也不会传递到
上一层的父元素；可以理解为return false就等于同时
调用了event.stopPropagation()和event.preventDefault()
标签：DOM,捕获,阶段,事件,event,冒泡
来源： https://www.cnblogs.com/luhu123/p/16522929.html