e.stopPropagation() 失效原因_stoppropagation()无效

作者：我家小花儿 | 2024-02-13 02:38:28

踩

stoppropagation()无效

<body>
<div class="father">
<div class="son">
</div>
</div>
</body>
1
2
3
4
5
6

假如此父子元素为动态添加的元素所以在添加事件的时候需要绑定到父级元素
例如：父元素事件

$("body").on("click",".father",function(e){
       alert(1)
});
1
2
3

例如：子元素事件

$(document).on("click",".son",function(e){
       e.stopPropagation();
       alert(2)
});
1
2
3
4

按道理来讲子元素事件中添加了 e.stopPropagation(); 会默认不执行父元素的事件，但此处依然执行。
原因是父子元素绑定了不同的父元素，导致e.stopPropagation() 没有起作用;此处的解决办法只要将body改成document或者document改成body就可以了。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家小花儿/article/detail/79450