Cas d'utilisation : un menu déroulant qui s'affiche lors d'une recherche (le menu contient des éléments cliquables et quand on clique ailleurs sur la page on souhaite masquer le menu :
$(document).on('click', 'body', function(e){ // Quand on clique sur le body on cache la zone $('#zone-a-cacher').hide(); }); $(document).on('click', '#zone-a-cacher', function(e){ // Evite que l'évènement ne soit propagé jusqu'au body // (car sinon la zone serait de nouveau cachée) e.stopPropagation(); e.stopImmediatePropagation(); });