事件捕获，事件冒泡

先 捕获 再 冒泡

 

js的事件冒泡机制呢，就是一个DOM树，一级一级向上冒的过程，最终是到document这个根节点这里。js的事件冒泡机制，就像是一个水泡在水底下，冒泡到水面的过程。

 

捕获：从上往下；--> 目标阶段；--> 冒泡：从下往上。

DOM事件流

　　DOM2级事件规定的事件流包括 三个阶段：

• 事件捕获阶段
• 处于目标阶段
• 事件冒泡阶段

　注意：在DOM事件流中，实际的目标在捕获阶段不会接收到事件，下一个阶段是处于目标阶段，这时事件被触发，最后进入事件冒泡阶段。我们认为处于目标阶段是事件冒泡阶段的一部分。

 

另：

 

1.event.stopPropagation()方法

 

这是阻止事件的冒泡方法，不让事件向document上蔓延，

但是默认事件任然会执行，当你调用这个方法的时候，

如果点击一个连接，这个连接仍然会被打开，

 

2.event.preventDefault()方法

 

这是阻止默认事件的方法，调用此方法是，连接不会被

打开，但是会发生冒泡，冒泡会传递到上一层的父元素；

 

3.return false ；

 

这个方法比较暴力，他会同时阻止事件冒泡也会阻止默认

事件；写上此代码，连接不会被打开，事件也不会传递到

上一层的父元素；可以理解为return false就等于同时

调用了event.stopPropagation()和event.preventDefault()