communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > Comment jQuery empêche-t-il cet événement bouillonnant de se produire_jquery

Comment jQuery empêche-t-il cet événement bouillonnant de se produire_jquery

WBOY
Libérer： 2016-05-16 16:12:41
original
1358 Les gens l'ont consulté

L'événement bouillonnant consiste à cliquer sur le nœud enfant, l'événement sera transmis vers le haut, et enfin l'événement de clic du nœud parent et du nœud ancêtre sera déclenché.

partie du code html :

Copier le code Le code est le suivant :



                                            Élément div externe
                                                                                                                                                                   Élément div externe




Le code jQuery est le suivant :

Copier le code Le code est le suivant :


Lorsque vous cliquez sur le span, les événements de clic du div et du corps seront déclenchés. Lorsque l'on clique sur le div, l'événement click du corps est déclenché.

Comment éviter que ce genre d'événement bouillonnant ne se produise ? Modifier comme suit :

Copier le code Le code est le suivant :


Parfois, cliquer sur le bouton Soumettre aura des événements par défaut. Par exemple, passez à une autre interface. Mais s’il échoue à la vérification, il ne devrait pas sauter. À ce stade, vous pouvez empêcher le comportement par défaut en définissant event.preventDefault();. Voici un cas :

Copier le code Le code est le suivant :



partie html :

Copier le code Le code est le suivant :


Nom d'utilisateur :






Une autre façon d'éviter le comportement par défaut consiste à renvoyer false. L'effet est le même. Le code est le suivant :

Copier le code Le code est le suivant :


De même, l'événement bouillonnant ci-dessus peut également être géré en renvoyant false.

Copier le code Le code est le suivant :


jQuery dispose d'une fonctionnalité de bouillonnement pour le déclenchement d'événements DOM. Parfois, profiter de cette fonctionnalité peut réduire la duplication de code, mais parfois nous ne voulons pas que les événements bouillonnent. À ce stade, il est nécessaire d'empêcher jQuery.Event de bouillonner.

Étiquettes associées：
jquery événement bouillonnant
source：php.cn
Article précédent：Une brève discussion sur les techniques instanceof et typeof_javascript en javascript Article suivant：js implémente la méthode de disparition des images avec les compétences time limit_javascript
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Soumettre le formulaire sans bouton en utilisant Javascript/Jquery J'essaie de soumettre un formulaire sans bouton en appelant une fonction JavaScript et en ...
Depuis 2024-04-06 14:54:03
0
2
421
Comment récupérer les valeurs des lignes non sélectionnées dans un tableau de données HTML à l'aide de jquery J'essaie d'obtenir la valeur de toutes les lignes sur lesquelles le bouton n'a pas été cli...
Depuis 2024-04-05 09:26:49
0
1
1418
Besoin d'un script jquery pour déplacer les options sélectionnées à partir d'une zone de sélection en fonction de la sélection actuelle de l'utilisateur final J'ai une page HTML où l'utilisateur final peut classer nos articles via un élément de boît...
Depuis 2024-04-04 18:40:04
0
1
3528
J'ai créé un élément en CSS pur via des signets. Il est créé mais n'est pas visible Mon code est le suivant : g=document.createElement('div');g.setAttribute("id",&q...
Depuis 2024-04-04 17:27:27
0
1
417
Impossible d'envoyer les données du formulaire sur Safari/Firefox iOS Cela fonctionne sur toutes les plateformes sauf Safari/Firefox sur iOS : jQuery("#gfo...
Depuis 2024-04-04 12:53:48
0
1
303
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal