jQuery | event.stopPropagation() 方法

event.stopPropagation() 方法是 jQuery 中的一个内置方法，用于停止 Windows 传播。在DOM树中，当使用子元素和父元素设置事件时，如果您点击子元素事件，它也会同时调用子元素和父元素。因此，在此方法的帮助下，除了所选元素之外的其他元素不会出现此弹出窗口。

句法：

event.stopPropagation()

参数：它接受单个参数，这是强制性的。该参数来自绑定函数。

返回值：此方法返回选定元素，并通过 stopPropagation() 方法进行指定更改。

示例：此示例说明了 event.stopPropagation() 方法。

   

    
        jQuery event.stopPropagation() Method
    
      
    
    
      
    
        .main {
            border:1px solid green;
            padding:20px;
            width:60%;
        }
    
      
    
    
        $(document).ready(function() {
            $(".main").click(function() {
                alert("Main div element");
            });
            $(".GFG").click(function(event) {
                event.stopPropagation();
                alert("Nested div element");
            });
            $(".geeks").click(function(event) {
                alert("Second nested div element");
            });
        });
    

   

      
    
    
        GeeksforGeeks
        
            A computer science portal
            
                Welcome to GeeksforGeeks
            
        
    
   

   

输出：

• 点击按钮前：
  
• 点击按钮后：