javascript - 单击元素外部时的 jQuery 触发事件

Question

$(document).click(function(evt) {
    var target = evt.currentTarget;
    var inside = $(".menuWraper");
    if (target != inside) {
        alert("bleep");
    }

});

我想弄清楚如何做到这一点，如果用户在某个 div (menuWraper) 之外单击，它会触发一个事件。我意识到我可以让每次点击都触发一个事件，然后检查是否单击的 currentTarget 与从 $(".menuWraper") 中选择的对象相同。但是，这不起作用，currentTarget 是 HTML 对象(？)并且 $(".menuWraper") 是 Object 对象？我很困惑。

Answer 1

只需让您的 menuWraper 元素调用 event.stopPropagation()，这样它的点击事件就不会冒泡到 document。

尝试一下: http://jsfiddle.net/Py7Mu/

$(document).click(function() {
    alert('clicked outside');
});

$(".menuWraper").click(function(event) {
    alert('clicked inside');
    event.stopPropagation();
});

• http://api.jquery.com/event.stopPropagation/

或者，您可以return false; 而不是使用 event.stopPropagation();