- 0133技术站
- 联系QQ：18840023
- QQ交流群
- 微信公众号
蹊下
更新时间：2019-02-18 17:20:52
jQuery event.stopPropagation() 方法
定义和用法
event.stopPropagation() 方法阻止事件冒泡到父元素，阻止任何父事件处理程序被执行。
提示：请使用 event.isPropagationStopped() 方法来检查指定的事件上是否调用了该方法。
语法
event.stopPropagation()
| 参数 | 描述 |
| event | eventevent 参数来自事件绑定函数。是必需函数 |
实例
<script>
$(document).ready(function(){
$("span").click(function(event){
event.stopPropagation();
alert("span元素被点击.");
});
$("p").click(function(event){
alert("p元素被点击.");
});
$("div").click(function(){
alert("div元素被点击.");
});
});
</script>
</head>
<body>
<div style="height:100px;width:500px;padding:10px;border:1px solid blue;background-color:lightblue;">
这是一个div元素
<p style="background-color:pink">这是一个在div里的p元素 <br><span style="background-color:orange">这是一个在div下的p元素中的span元素</span></p></div>点击 "运行实例" 按钮查看在线实例
效果图：
注意：当单击上面的每个元素。单击div元素时，它将警告单击了div元素。单击p元素时，它将返回p和div元素，因为p元素位于div元素内。但是当单击span元素时，它只返回自身，而不是p和div元素（即使它在这些元素中）。event.stopPropagation（）停止将click事件冒泡到父元素。
推荐手册