javascript - 当未单击某个元素时，如何对 mousedown 执行操作

Question

这个问题已经有答案了:

How do I write 'if not clicked' or 'if clicked outside element', using Jquery? (2 个回答)

已关闭 9 年前。

下面是如果单击不在 rl_menu/它的任何子元素(.comment、.rl_arrow 等)上时我想要执行命令的代码

TBR.mouse_down = function(e){
    target = $j(this)
    if (target != $j("#rl_menu") && target != $j("#rl_menu .comment") &&
    target != $j("#rl_menu .change") && target != $j("#rl_menu .rl_arrow_border") &&
    target != $j("#rl_menu .rl_arrow")){
        TBR.Menu.hide(); // this needs to be triggered when the menu is not clicked on.
    }
}

但是当我检查目标时，目标就是文档。

回顾一下:

在文档中的任意位置，按下鼠标时，TBR.Menu.hide()应该被执行。但如果点击范围在#rl_menu内, TBR.Menu.hide()不应该被执行。

我的处理方式是否错误？

Answer 1

你能把这个写得更简单一点吗？

$(function(){

    $("body").click(function(e){
        var t = $(e.target);
        if( !t.is("#rl_menu") && t.closest("#rl_menu").length == 0)
        {
            alert("CLICKD OUTSIDE THE GREEN")
        }
    });
});

现场演示:http://jsfiddle.net/JBuJm/