Javascript 使用jquery捕获文档单击事件

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

我有一个例子,点击一个链接,我就会显示一个tooptip。我想在用户单击屏幕上任何其他位置(甚至其他链接)时隐藏工具提示。 下面是我的代码

$('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是的,编辑后的答案有效。谢谢你的帮助……:)