HTML | DOM stopPropagation() 事件方法

stopPropagation()方法用于停止事件调用的传播。即父事件被调用，我们可以使用 stopProagration() 方法停止调用其子事件的传播，反之亦然。

句法：

event.stopPropagation()

返回值：它不返回任何值。

示例：在此示例中，当未选中复选框并单击内部 div 时，确认框显示 2 次（一次用于内部 div，另一次用于外部 div）。但是当检查复选框并且再次单击Intern Div时，由于StopPropagation（）事件方法仅显示一次确认框。

    DOM stopPropagation() Method
  
    
        #div1 {
            background: lightgreen;
        }
  
        #div2 {
            background: green;
            color: white;
        }
    

      

      
    
        GeeksforGeeks
    
      
    DOM stopPropagation() Method
      
    
       GeeksforGeeks!
       
            A computer science portal for geeks.
       
    
      
    
    
    Stop propagation: 
  
    
        function Geek1(event) {
            confirm("Inner div is clicked");
            if (document.getElementById("c").checked) {
                event.stopPropagation();
            }
        }
          
        function Geek2() {
            confirm("Outer div is clicked");
        }
    
      

                    

输出：

单击未选中复选框的 Inner Div：确认框将显示两次。

选中复选框后：确认框仅显示一次。

支持的浏览器： stopPropagation() 事件方法支持的浏览器如下：

• 苹果Safari
• 谷歌浏览器
• 火狐
• 歌剧
• 浏览器 9.0