jQuery Girl
  1. jQuery Girl
  3. Incendie uniquement lorsque vous cliquez sur un élément et non sur ses enfants
Intereting Posts
.append provoquant une erreur IE jQuery / Javascript désactive temporairement les événements attachés par addEventListener / attachEvent Jquery validation Erreur lors de la tentative de validation d’une case à cocher d’amorçage utiliser tinymce avec blockui Déclenchement popover sur Twitter Bootstrap: comment définir plusieurs déclencheurs? JQuery autosuggest ne fonctionne pas jQuery UI Droppable and Sortable – déposer dans le lieu de sorting correct Supprimer le délai sur la peau Utiliser plusieurs bibliothèques d’interface utilisateur jQuery et jQuery jquery.masonry. Le plugin imagesLoaded ne fonctionne pas dans L’ordre des éléments dans l’ensemble enveloppé jQuery correspond-il toujours à l’ordre dans lequel les éléments apparaissent dans le balisage? Comment obtenir le statut de réponse jQuery.ajax? Comment slideUp () fonctionne-t-il dans jQuery? J’essaie de faire mon propre slideRIght () Largeur sensible datatable supérieure à la largeur parent Supprimer les doublons par jquery

Incendie uniquement lorsque vous cliquez sur un élément et non sur ses enfants

Si je lie un gestionnaire de click à l’élément body , l’événement est déclenché lorsque je clique sur un élément quelconque de la page. Je peux vérifier l’ event.target à chaque clic: 

 $("body").on("click", function(event) { if (event.target.tagName == "BODY") { ... } });

mais cela semble un peu exagéré. Existe-t-il un moyen de déclencher l’événement uniquement en cliquant sur la zone vide du corps lui-même?

Vous pouvez utiliser la propriété eventPhase de event. Une valeur de 2 signifie que l’événement déclenche actuellement l’élément cible: 

 $("body").on("click", function(event) { //Cancel if not at target if (event.eventPhase != 2) return; //Other Code Here });

Fiddle Here: http://jsfiddle.net/o0yptmmp/

Vous pouvez le faire si vous vérifiez à chaque clic si l’élément sur lequel vous cliquez a un corps parent. Si la condition est fausse, vous cliquez sur le corps: 

 $("body").on("click", function(event) { if ($(this).parents('body').length == 0) { //Do something } });

À mon avis, ce n’est pas une bonne pratique, mais cela dépend de votre code et de votre projet.

J’espère que ça aide.

À votre santé.

Vous devriez mettre un 

 event.stopPropagation()

sur tous les enfants que vous voulez ne pas bubble .

jQuery Docs: http://api.jquery.com/event.stoppropagation/ .