jquery - 如何在元素外部的任何位置隐藏单击事件中的元素？

Question

我想知道这是否是在页面上的任意位置单击时隐藏可见元素的正确方法。

$(document).click(function (event) {            
    $('#myDIV:visible').hide();
});

当元素边界内发生点击事件时，元素(div、span 等)不应消失。

Answer 1

据我了解，当您单击除 div 以外的任何地方时，您想隐藏一个 div，如果您确实在 div 上方单击，则它不应关闭。你可以用这段代码做到这一点:

$(document).click(function() {
    alert("me");
});
$(".myDiv").click(function(e) {
    e.stopPropagation(); // This is the preferred method.
    return false;        // This should not be used unless you do not want
                         // any click events registering inside the div
});

这会将点击绑定(bind)到整个页面，但如果您点击有问题的 div，它将取消点击事件。