如何解决点击一个点击事件触发多个点击事件冒泡事件

Acitylion

于 2019-01-05 18:23:49 发布

阅读量2.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： get 技能工作日志

本文链接：https://blog.youkuaiyun.com/Acitylion/article/details/85864489

get 技能同时被 2 个专栏收录

102 篇文章

订阅专栏

工作日志

30 篇文章

订阅专栏

本文探讨了在处理DOM事件时如何使用event.stopPropagation()来防止事件冒泡，确保只有目标元素响应点击事件，而不触发其父级元素的事件处理器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

工作日志仅供参考

<div class="demo1>
   <div class=demo2>我的demo2</div>
</div>


//当demo2 和demo1 同时都绑定点击事件的时候 当你点击子元素demo2的时候会触发父元素demo1 的点击事件
说明发生了冒泡事件（冒泡事件自行去百度）  解决方法是 event.stopPropagation() 阻止冒泡事件的触发 也就是说当你点击子元素demo2的时候不会去触发demo1的点击事件


$(document).on("click",".demo2",function(event){
   event.stopPropagation();

下面写正常些就可以了
})