jQuery on click $(document) - get clicked element



我正试图弄清楚如何使用$(document).click()方法获得点击的元素乳清:

$(document).click(function() {
    if ($(this) !== obj) {
        obj2.hide();
    }
});

在上面的例子中,对象是下拉菜单-如果单击,我不希望它做任何事情,但如果单击是在页面的主体或任何其他元素上-它应该触发hide()方法。

您可以使用event.target。您还应该比较DOM元素而不是jQuery对象,因为包含相同元素的两个jQuery对象仍然会被视为不同:

$(document).click(function(event) {
    if (event.target !== obj[0]) {
        obj2.hide();
    }
});

您很可能想要检查.topNavigation类的所有父元素+目标本身

$(document).click(function(event) {
    if ( !$(event.target).closest( ".topNavigation" ).length ) {
        obj2.hide();
    }
});