jquery - 1つの要素を除いてボディを選択するにはどうすればよいですか？

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();
    }
});