当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


JQuery event.isImmediatePropagationStopped()用法及代码示例


jQuery中的isImmediatePropagationStopped()方法用于检查是否为事件调用了此方法。如果被调用,它将是“true”或“false”。

用法:

$(selector).isImmediatePropagationStopped()

参数:此方法仅接受一个参数作为选择器,用于选择元素。


返回值:如果event.stopImmediatePropagation()被调用,则此方法返回true;否则,将返回false。

示例1:

<!DOCTYPE html> 
<html> 
  
<head> 
    <script src= 
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 
  </script> 
    <style> 
        body { 
            width: 60%; 
            height: 40%; 
            padding: 20px; 
            border: 2px solid green; 
        } 
          
        div { 
            padding: 5px; 
            display: block; 
            background-color: lightgrey; 
            font-size: 20px; 
        } 
    </style> 
    
  <script> 
      $(document).ready(function() { 
         $("div").click(function(event) { 
            event.stopImmediatePropagation(); 
            alert( 
            "Was event.stopImmediatePropagation() called: " 
             + event.isImmediatePropagationStopped()); 
         }); 
     }); 
  </script> 
</head> 
  
<body> 
  
    <div>Welcome to GeeksforGeeks..!</div> 
  
</body> 
  
</html>

输出:
在单击div元素之前:

单击div元素后:

示例2:

<!DOCTYPE html> 
<html> 
  
<head> 
    <script src= 
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 
  </script> 
    <style> 
        body { 
            width: 60%; 
            height: 40%; 
            padding: 20px; 
            border: 2px solid green; 
        } 
          
        div { 
            padding: 5px; 
            display: block; 
            background-color: lightgrey; 
            font-size: 20px; 
        } 
    </style> 
     
  <script> 
    $(document).ready(function() { 
     $("div").click(function(event) { 
      alert( 
      "Value of event.stopImmediatePropagation() called: " 
        + event.isImmediatePropagationStopped()); 
     }); 
  }); 
  </script> 
</head> 
  
<body> 
  
    <div>Welcome to GeeksforGeeks..!</div> 
  
</body> 
  
</html>

输出:
在单击“div”元素之前:

单击“div”元素后:



相关用法


注:本文由纯净天空筛选整理自Sruti Rai大神的英文原创作品 jQuery | event.isImmediatePropagationStopped() Method。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。