Comment détecter un clic en dehors d’un élément avec jQuery

Dans jQuery, si vous voulez savoir quand un clic se produit en dehors d’un élément, vous devez utiliser la méthode .stopPropagation().

La méthode .stopPropagation() empêche les événements de se propager aux éléments parents. Cela signifie « Si on clique sur un élément enfant, le clic ne devrait pas se produire pour l’élément parent ».
 
 

Code HTML:
<div class='row'>Lorem ipsum</div>

 

Code jQuery:
$(document).click(function() {
    alert('clicked outside');
});

$(".row").click(function(event) {
    alert('clicked inside');
    event.stopPropagation();
});

 

Code CSS:
div {
    padding: 25px;
    margin: 10px;
    border: 2px solid red;
    float: left;
}
QCM jQueryQCM jQuery – Partie 1QCM sur jQuery avec des réponses pour la préparation des test techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses…Lire plus
Partagez cet article

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *