阻止JS点击事件冒泡

最新推荐文章于 2024-05-12 21:38:39 发布

IT飞牛

最新推荐文章于 2024-05-12 21:38:39 发布

阅读量103

点赞数

文章标签： js vue javascript jquery dom

本文链接：https://blog.csdn.net/bobo789456123/article/details/117252644

版权

演示html代码：

<div class="parent">
    <div class="children">
    </div>
</div> 
<script>
$(".parent").click(function(){
    console.log("parent");
});
$(".children").click(function(){
    console.log("children");
});
</script>

结果，在点击children时，会输出:children parent。这就是事件冒泡，如何阻止事件冒泡，只响应本Dom元素的click事件，只要在函数中添加return false；

<script>
$(".parent").click(function(){
    console.log("parent");
});
$(".children").click(function(){
    console.log("children");
    return false；
});
</script>