détecter un clic dans une page html et le contourner pour un élément

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