Exemple d'analyse du modèle de capture d'événements et du modèle de bouillonnement dans les compétences js_javascript

Les exemples de cet article décrivent le modèle de capture d'événements et le modèle de bouillonnement en js. Partagez-le avec tout le monde pour votre référence.

La méthode spécifique de mise en œuvre est la suivante :

Exemple 1 :

Copier le code Le code est le suivant :

Exemple 2 :

Copier le code Le code est le suivant :

addEventListener : Le troisième paramètre est facultatif. Par défaut, il est faux, ce qui signifie que le modèle bouillonnant, c'est-à-dire la plus petite couche (le div avec l'identifiant du fils) est déclenché en premier et si le paramètre true est ajouté ; , cela signifie capture (depuis html-->body--->div), déclenchée à ce niveau.

Le code HTML de l'exemple 1 a deux div. Le petit div est contenu dans le grand div. Lorsque l'on clique sur le petit div, l'événement alert('par') sera déclenché en premier ; ) l'événement sera déclenché. L'exemple 2 est tout le contraire.

Si l'attribut "object.onclick" est utilisé pour déclencher l'événement, le modèle bouillonnant est utilisé.

IE ne prend pas en charge addEventListener, mais utilise attachEvent. Mais attachEvent ne prend pas en charge le troisième paramètre, il ne capture pas le modèle.

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.