Pour détecter le clic partout sauf sur une certaine div et son contenu en jQuery, voici le code à insérer.
Le code ci-dessous va masquer l’élément d’id #ma_div quand on cliquera partout ailleurs.
Ce qui est très utile si votre élément contient un formulaire de connexion par exemple…
var div_cliquable = $('#ma_div');
$(document.body).click(function(e) {
// Si ce n'est pas #ma_div ni un de ses enfants
if( !$(e.target).is(div_cliquable) && !$.contains(div_cliquable[0],e.target) ) {
div_cliquable.fadeOut(); // masque #ma_div en fondu
}
});
Exemple d’utilisation, fermer un sous-menu au clic partout ailleurs que sur celui-ci