js中阻止事件冒泡的几种方法

前端开发过程中主要是通过以下三种方法来实现阻止事件冒泡

                  　  
 

 点击了一下btn按钮，结果它的整个dom结构的节点都依次触发了

下面是三种处理事件冒泡的方法

1.使用preventDefault();

 { e.preventDefault();}}>取消
使用 e.preventDefault() 
用于取消事件的默认行为，如果a标签的默认事件是href跳转，加了就不会跳转了

2.使用stopPropapation()；

 { e.stopPropagation();}}>取消
使用 e.stopPropagation() 
用于取消所有后续事件捕获和事件冒泡

3.直接使用return false

 { return false ；}}>取消
据说是使用这个就会直接调用 preventDefault和stopPropapation，TM的我自己使用这个居然没得一点效果，离谱，该冒的泡是一个都不会少啊

事件流总共3个阶段：事件捕获，到达目标，事件冒泡 事件捕获是从外层到里层到body这一层就结束，到达目标即触发事件的节点的过程一般是指body里的那一层，事件冒泡是从里层到外层