communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > Résumé détaillé de js bouillonnant, capturant des événements et empêchant le bouillonnement des méthodes_javascript skills

Résumé détaillé de js bouillonnant, capturant des événements et empêchant le bouillonnement des méthodes_javascript skills

WBOY
Libérer： 2016-05-16 16:49:26
original
1621 Les gens l'ont consulté

Il existe des problèmes de diffusion d'événements et de capture d'événements dans les événements JavaScript et jquery. Les deux problèmes et leurs solutions sont résumés en détail ci-dessous.

Le bouillonnement d'événements est un processus de bouillonnement des nœuds enfants aux nœuds ancêtres ;

La capture d'événements est tout le contraire, un processus des nœuds ancêtres aux nœuds enfants.

Donnez un exemple d'événement de clic jquery :

Le code est le suivant :

Copier le code Codez comme suit :


>
>


Dans les projets réels, nous devons empêcher la propagation et la capture d'événements.

Méthodes pour empêcher la propagation d'événements :

Méthode 1 : renvoyer false dans l'événement de clic en cours




Copier le code


Le code est le suivant :
$('#clickMe').click(function(){ alert('hello'); return false; });
Méthode 2 :




Copier le code

Le code est comme suit :
$('#clickMe').click(function(event){ alert('hello'); var e = window.event | | event; if ( e.stopPropagation ){ //Si l'objet événement est fourni, il s'agit d'un navigateur non-IE
e.stopPropagation(); //Un moyen compatible avec IE Annuler le bouillonnement d'événements
window.event.cancelBubble = true;
}
}


Il semble que la capture d'événements ne puisse pas être bloquée.
Étiquettes associées：
bulle 捕获事件 Arrête de bouillonner
source：php.cn
Article précédent：Solution au problème selon lequel l'événement touch click de jquery mobile déclenchera plusieurs fois_jquery Article suivant：Menu de liaison entre les provinces et les villes implémenté par les compétences JavaScript array_javascript bidimensionnelles
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
Conception Flexbox : je veux que tous les côtés de la bulle de texte se touchent .fm-bubbles{display:flex;flex-wrap:wrap;width:100%;height:100px;}.fm-bubble{flex:1110%;hei...
Depuis 2024-04-01 10:59:44
0
1
273
Implémentation d'un diagramme circulaire à bulles : un guide étape par étape Je dois mettre en œuvre ceci : honnêtement, je ne sais pas comment rechercher cela sur Goo...
Depuis 2024-03-30 19:18:40
0
1
369
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