JavaScript事件冒泡和捕獲模式

捕獲模式

                      
      A      
        B        
          C        
      
    
    

冒泡模式

1，不填充addEventListener的第三個參數(shù)為冒泡模式
2，單擊C時事件觸發(fā)順序為C-> B-> A

                      
      A      
        B        
          C        
      
    
    

取消冒泡

// 取消冒泡event.cancelBubble = true

1，取消冒泡后事件就不會往上層傳遞
2，這時只有監(jiān)聽C的事件被執(zhí)行

                      
      A      
        B        
          C        
      
    
    html>

本文完~