Javascript Girl
  1. Javascript Girl
  3. Comment vérifier un clic dans un élément parent, mais pas dans l'enfant?
Intereting Posts
Google Map API V3. Impossible de créer une polyligne personnalisée pour les instructions TRANSIT Comment recharger le widget google recaptcha après que l'utilisateur présente des entrées non valides L'événement Angularjs sur la mise au point de champ de saisie? Quelle est la meilleure façon d'écrire ma propre confirmation dans js? Complexité object.keys ()? 2 fonctions JS avec le même conflit de noms Comment imprimer une page Web avec une image de fond? Javascript cassant une boucle for à l'intérieur d'une fonction de rappel Cibler iframe src de l'entrée de l'utilisateur sous forme javascript Utilisation de l'autorisation de base dans JQuery ajax Clavier doux Android de requête de médias CSS Pourquoi ne pas utiliser .filter () dans Internet Explorer 8? Comment faire pour POSTER des fichiers de HTML5 Drag-Drop vers une application Rails 3 et Paperclip? Jquery ui drag easing / inertie Pouvez-vous utiliser le stockage local HTML5 pour stocker un fichier? Sinon, comment?

Comment vérifier un clic dans un élément parent, mais pas dans l'enfant?

Code:

HTML 

<!-- snip --> <div class="parent" id="parent"> <div class="child" id="child"> </div> </div> <!-- snip -->

Javascript 

 /* snip */ $(function () { $("#parent").click(function () { alert("This dialog should only show up if the parent is clicked."); }); }); /* snip */

(Ceci est juste la structure de base du code réel … certaines choses sont différentes dans le code réel, par exemple, l'enfant est un élément JQuery UI Draggable)

La façon dont les activités de JavaScript / DOM fonctionnent, c'est qu'ils «font de la bulle» des enfants aux parents. Donc, il vous suffit d'arrêter cela sur l'élément enfant: 

 $('#child').click(function(event) { event.stopPropagation(); });

Consultez la documentation jQuery pour .click() pour plus d'informations. Sinon, vous pouvez vérifier pour voir quel est l'élément originaire dans le gestionnaire d'événements du parent en utilisant event.target .

Eh bien, je ferais quelque chose comme ça: 

 $("#child").click(function() { });

Bien que cela semble un peu moche, il est garanti de travailler, je pense.