如何选择除一个元素之外的主体？

Question

我正在使用一个颜色选择器，当在其外部的任何位置单击时，该颜色选择器应该被隐藏。 问题是，即使在选择器内单击，它也会消失。

$('body :not(#picker)').click(function() {
    $('#picker').fadeOut();
});

我尝试过这个，但它会显示选择器并立即隐藏它。 有人有建议吗？

Answer 1

尝试使用 event.target 获取被单击的元素：

$("body").click(function(event) {
    if (event.target.id != "picker") {
        $("#picker").fadeOut();
    }
});

Answer 2

$("body").click(function(e) {
    if ($(e.target).attr('id') == 'picker') {
        return;
    } else {
        $('#picker').fadeOut();
    }
});