jq实现点击空白处,指定元素消失,且指定元素内部事件不受影响

本文介绍了解决在一个页面中使用表情包组件时遇到的事件冒泡问题,并且详细说明了如何通过阻止事件冒泡来使Bootstrap的Tab功能正常工作。

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

  • 第一步首先 先给body事件
$("body").click(function(){
    $(".emoji-container").hide();
});
  • 元素本身阻止事件冒泡
$(".emoji-container").click(function(e){
    e.stopPropagation();//阻止冒泡到body
});

要实现这样的表情包切功能,发现冒泡事件将bootstrap的tab事件抑制了

  • 这里再重新写一下事件,就可以实现tab切换了
$('#emojiTab a').click(function (e) {
    e.preventDefault();
    $(this).tab('show')
});
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值