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