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

 工作日志 仅供参考

 

<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();

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

 

转载自:https://blog.csdn.net/Acitylion/article/details/85864489

You may also like...