Maison  >  Article  >  interface Web  >  Comment implémenter le bouillonnement d'événements JavaScript et la capture d'événements

Comment implémenter le bouillonnement d'événements JavaScript et la capture d'événements

php中世界最好的语言
php中世界最好的语言original
2018-03-19 14:29:262252parcourir

Cette fois, je vais vous expliquer comment implémenter le bouillonnement et la capture d'événements d'événements JavaScript, et quelles sont les précautions pour implémenter le bouillonnement d'événements et la capture d'événements JavaScript. Voici des cas pratiques. . Jetons un coup d'oeil.

Le flux d'événements décrit l'ordre dans lequel les événements sont reçus de la page. Mais à cette époque, lorsque les navigateurs se développaient jusqu'à la quatrième génération (IE4 et Netscape Communicator4), les équipes de développement d'IE et de Netscape proposaient chacune le concept de flux d'événements, et les concepts des deux flux séquentiels étaient presque opposés. Comme suit :

1. Bullage d'événements : Il s'agit du flux d'événements d'IE. Le bouillonnement d'événements signifie : lorsque l'événement démarre, l'élément le plus spécifique est reçu (plus précisément, il fait référence à l'élément imbriqué le plus profond dans le). document) ), puis téléchargez vers des nœuds non spécifiques (documents) étape par étape.

2. Capture d'événements : Il s'agit du flux d'événements proposé par Netscape. Comme mentionné précédemment, les deux ordres sont presque opposés, donc l'ordre de capture d'événements est reçu par le nœud (document) le moins spécifique, étape par étape. Transmis à l’élément le plus profond.

Regardons un exemple :

< html> ;

<head> title>Exemple de bouillonnement d'événement 🎜>

Cliquez sur moi

l'élément

ci-dessus est cliqué :

Pour le bouillonnement d'événement : l'ordre de propagation de cet événement de clic est : p ----> html ----> document

Pour la capture d'événement : la séquence de propagation de l'événement de clic est : document --- -> ---> corps ----> p

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article, veuillez faire attention. vers php D'autres articles connexes sur le site chinois ! Lecture recommandée :

Position du modèle CSS float box

Connaissance de base du HTML dans le front-end

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
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