Javascript 使用jquery捕获文档单击事件
我有一个例子,点击一个链接,我就会显示一个tooptip。我想在用户单击屏幕上任何其他位置(甚至其他链接)时隐藏工具提示。 下面是我的代码Javascript 使用jquery捕获文档单击事件,javascript,jquery,html,Javascript,Jquery,Html,我有一个例子,点击一个链接,我就会显示一个tooptip。我想在用户单击屏幕上任何其他位置(甚至其他链接)时隐藏工具提示。 下面是我的代码 $('a.tooltip').click(function(event){ $('a.tooltip span').hide(); $(this).children("span").show(); }); 单击a标记时,上述函数显示/隐藏工具提示 $(document).click(function(event){ if(event
$('a.tooltip').click(function(event){
$('a.tooltip span').hide();
$(this).children("span").show();
});
单击a标记时,上述函数显示/隐藏工具提示
$(document).click(function(event){
if(event.target != 'a.pull-right plus tooltip'){
$('a.tooltip span').hide();
}
});
由于event.target为我提供了整个HTML目标,因此我无法区分单击。有没有办法做到这一点 编辑:尝试以下方法:
$(document).not('a.tooltip').click(function(event){
$('a.tooltip span').hide();
});
$('a.tooltip').click(function(event){
event.stopPropagation();
$('a.tooltip span').hide();
$(this).children("span").show();
});
您可能希望将选择器更改为
“html:not(a.tooltip)”
,因为html标记也可能具有影响正文的标记。@Oliboy50它完全阻止出现工具提示。我放了一个console.log来检查。即使点击链接,功能也会变得越来越强大executed@Oliboy50是的,编辑后的答案有效。谢谢你的帮助……:)