jQuery event.stopImmediatePropagation() 方法

定义和用法

event.stopImmediatePropagation() 方法阻止剩下的事件处理程序被执行。

该方法阻止事件在 DOM 树中向上冒泡。

提示：请使用 event.isImmediatePropagationStopped() 方法来检查指定的事件上是否调用了该方法。

语法

event.stopImmediatePropagation()

参数

参数	描述
event	必需。event 参数来自事件绑定函数。

示例

下例演示了执行第一个事件处理程序，并阻止剩下的事件处理程序被执行：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>欢迎来到蝴蝶教程</title>
    //此版本是百度cdn 1.11.1，当然你可以使用更高的版本，从2.0版本以上的是不支持ie6-8的
    <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
          $("div").click(function(event){
             alert("事件句柄 1 被执行");
             event.stopImmediatePropagation();
          });
          $("div").click(function(event){
             alert("事件句柄 2 被执行");
          });
          $("div").click(function(event){
             alert("事件句柄 3 被执行");
          });
        });
    </script>
</head>
<body>
     <div style="height:100px;width:300px;background-color:#f0f;">点击这个 div 元素。</div>
     <p>由于event.stopImmediatePropagation() ，第二个和第三个事件不会被执行。可以尝试去除这个方法查看效果。</p>
</body>
</html>

尝试一下

jQuery event.stopImmediatePropagation() 方法

定义和用法

语法

参数

示例

相关页面