购物车
登陆 / 注册
微信扫码登陆

推荐手册

jQuery event.stopPropagation() 方法

jQuery event.stopPropagation() 方法
event.stopPropagation() 方法阻止事件冒泡到父元素,阻止任何父事件处理程序被执行
编辑:蹊下 蹊下 更新时间: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事件冒泡到父元素。


网站导航
网站首页
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ交流群
微信公众号
微信公众号