Comment sélectionner le corps sauf un élément?

Question

J'utilise un sélecteur de couleurs qui devrait être caché lorsqu'un clic est fait n'importe où à l'extérieur. Le problème est qu'il disparaît même lorsque le clic est effectué à l'intérieur du sélecteur.

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

J'ai essayé ceci, mais cela montrerait le sélecteur et le cacherait immédiatement. Est-ce que quelqu'un a une suggestion?

Merci.

Answer 1

Essayez d'utiliser event.target pour obtenir l'élément qui a été cliqué:

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