JavaScript事件冒泡和捕获模式

捕获模式

                      
      A      
        B        
          C        
      
    
    

冒泡模式

1，不填充addEventListener的第三个参数为冒泡模式
2，单击C时事件触发顺序为C-> B-> A

                      
      A      
        B        
          C        
      
    
    

取消冒泡

// 取消冒泡event.cancelBubble = true

1，取消冒泡后事件就不会往上层传递
2，这时只有监听C的事件被执行

                      
      A      
        B        
          C        
      
    
    html>

本文完~