javascript - 为什么这不起作用 - 使用 :not() with an event handler

Question

我似乎还有一个问题没有解决。真正简单的前提。我有一个 mousedown 事件，基本上如果单击页面上的一个特定元素，我不想发生任何事情，否则我想要 hide() 一些 div。

    $(function(){
        $("document :not(#_ignorelement)").mousedown(function(event){
                if($('#_hidethiselement').length){
                    $('#_hidethiselement').hide();
                }
        })
     })

那根本行不通。我还尝试了以下方法:

    $(document).not($("#_ignorelement")).mousedown(function(event){

    $(document).not("_ignorelement").mousedown(function(event){

如果我能解决这个问题，很好奇我实际上如何让“:not”包含父 div，就像这样:

$().not("_ignoreelement").parent().closest('div').mousedown(function

因为元素“_ignorelement”是一个位于div 中的 anchor 标记。想知道如何使用父 div 而不是 anchor 标记。

无论如何，我们将不胜感激。

Answer 1

document 不是您可以选择的节点。试试这个:

$(function(){
    $("body :not(#_ignorelement)").mousedown(function(event){
        if($('#_hidethiselement').length){
            $('#_hidethiselement').hide();
        }
        return false;
    })
 });

这是一个 working example