什么是冒泡事件？

当一个元素上的事件被触发的时候，比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡；这个事件从原始元素开始一直冒泡到DOM树的最上层。

举个栗子：

1    2    3        4        5       21   22   23 
     
        24     
      
         25        
         26         
       
请点击我
    27     
      
  28 
     
  29   30 

说明：

1.一个事件起泡对应触发的是上层的同一事件

　     单击two的时候就会起泡触发one单击的事件。

　　  单机tree时，会同时触发two，然后触发one

2.如果在click事件中，在你要处理的事件之前加上e.preventDefault();

　那么就取消了行为（通俗理解：相当于做了个return操作），不执行之后的语句了。

3.e.stopPropagation()只要在click事件中，就不会触发上层click事件。

 

二者区别：return false 不仅阻止了事件往上冒泡，而且阻止了事件本身。event.stopPropagation() 则只阻止事件往上冒泡，不阻止事件本身。

原文：