JQ:阻止事件冒泡

遇到的问题:

红框按钮各有一个点击事件,左边的事件点击时会有一个弹窗提示,当点击右边的按钮时,会先弹窗提示,再执行本身按钮的操作,即“详细信息”按钮点击时往上冒泡了,先执行了父事件(右边的按钮),再执行本身。

根据以下描述:

event.stopPropagation() 只阻止事件往上冒泡,不阻止事件本身
event.preventDefault() 只阻止事件本身,不阻止事件往上冒泡
return false 不仅阻止事件往上冒泡,而且阻止了事件本身

我的处理方式

是选择第一个:

代码解释:在渲染页面后,拿到所有的“详细信息”按钮,然后都阻止冒泡

window.onload = function(){
    //阻止详细信息按钮的冒泡
    $("[name='xxxxTd']").each(function(){
        $(this).bind("click",function(e){
             e.stopPropagation();//阻止事件冒泡
         });
    });
}

猜你喜欢

转载自blog.csdn.net/weixin_63610637/article/details/129560618
今日推荐