jQuery | event.stopImmediatePropagation() 方法

event.stopImmediatePropagation()是 jQuery 中的一个内置方法，用于停止为所选元素执行其余的事件处理程序。

句法：

event.stopImmediatePropagation()

参数：不需要参数。

返回值：此方法返回具有应用更改的选定元素。

Example-1：这里只出现第一个弹出框，此方法会停止其他弹出框的出现。

  

    
  
    
        body {
            width: 70%;
            height: 40%;
            font-size: 30px;
            padding: 20px;
            border: 2px solid green;
        }
          
        div {
            display: block;
            background-color: lightgrey;
            padding: 4px;
        }
    
    
    
        $(document).ready(function() {
            $("div").click(function(event) {
                alert("1st event executed");
                event.stopImmediatePropagation();
            });
            $("div").click(function(event) {
                alert("2nd event executed");
            });
            $("div").click(function(event) {
                alert("3rd event executed");
            });
        });
    

  

  
    Hello, Welcome to GeeksforGeeks.!
  

  

输出 ：

点击前：

点击后：

示例 2：

  

    
  
    
        body {
            width: 70%;
            height: 40%;
            font-size: 30px;
            padding: 20px;
            border: 2px solid green;
        }
          
        p {
            display: block;
            padding: 4px;
            height: 30px;
            width: 150px;
            background-color: lightgrey;
        }
          
        div {
            display: block;
            padding: 4px;
            height: 30px;
            width: 400px;
            background-color: lightgrey;
        }
    
  

  

  
    Hello, 
    Welcome to GeeksforGeeks.!
  
    
        $("p").click(function(event) {
            event.stopImmediatePropagation();
        });
        $("p").click(function(event) {
            // This function will not executed
            $(this).css("background-color", "yellow");
        });
        $("div").click(function(event) {
            // This function will executed
            $(this).css("background-color", "green");
        });
    

  

输出：
点击前：

单击“p”和“div”元素后。事件只会对 div 元素执行：