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

  Jquery

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

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.