Pour détecter un clic dans la page html (n’importe où) avec jQuery :
// Détection d'un clic dans la page $('html').click(function() { // votre code });
Pour qu’un élément ne pas passe par l’événement ci dessus (exemple si on souhaite afficher ou cacher un menu via un bouton et cacher le menu en dehors d’un clic sur ce bouton) il suffit d’ajouter « event.stopPropagation(); » :
// Détection d'un clic sur le bouton pour afficher ou cacher le menu $("a#btn-menu").click(function(event){ event.stopPropagation(); // pour éviter de cacher le menu cacheAfficheMenu(); }); // Détection d'un clic dans la page pour cacher le menu $('html').click(function() { cacheMenu(); });