为了账号安全,请及时绑定邮箱和手机立即绑定

当 #link 绑定了其他的 js 事件时,又该如何做呢?

当 #link 绑定了其他的 js 事件时,又该如何做呢?

LEATH 2023-04-15 14:10:00
比如下面这种:HTML:<div class="hello"> <a href="http://example.com" target="_blank" id="link">link</a> <p>say hello world to everynone</P> </div>jQuery:$('.hello').click(function() {     $('p').toggleClass('hidden'); });1. 当点击 .hello 任何区域都能将 p 隐藏,但我不希望点击 #link 的时候 p 也隐藏,应该如何做呢?
查看完整描述

2 回答

?
慕盖茨4494581

TA贡献1850条经验 获得超11个赞

$('.hello').click(function(e){  if(e.target.tagName != 'A' ){
    $('p').toggleClass('hidden');
  } 
});

判断一下点击事件的目标节点即可,当 #link 绑定了其他的 js 事件时这样处理也没问题。


查看完整回答
反对 回复 2023-04-17
?
墨色风雨

TA贡献1853条经验 获得超6个赞

可以用JQuery的stopPropagation()方法来阻止事件冒泡。
link点击的时候处理一下:

$('#link').click(function(e){
    e.stopPropagation();
});


查看完整回答
反对 回复 2023-04-17
  • 2 回答
  • 0 关注
  • 68 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信