Analyse approfondie des événements bouillonnants js_Connaissances de base

WBOY

Libérer： 2016-05-16 16:29:01

original

1696 Les gens l'ont consulté

Lorsque vous effectuez des opérations DOM en JavaScript, vous rencontrerez certainement des événements bouillonnants js. Le plus courant est l'événement contextuel div, comme le montre l'illustration

Lorsque vous cliquez sur la partie grise, la fenêtre pop-up disparaît, mais lorsque vous cliquez sur la partie noire, cela n'a aucun effet.

Utilisez le code suivant pour analyser les événements bouillonnants js

code html :

Copier le code Le code est le suivant :

js événement bouillonnant

Illustration :

Lorsque vous cliquez sur le bouton, "Je suis un bouton" apparaîtra, puis "Je suis un div" apparaîtra, car l'événement de bouton est déclenché en premier, puis l'événement de clic div de couche suivant est déclenché,

Le déclenchement des événements est basé sur le principe du premier entré, premier sorti.

Illustration :

Ensuite, parfois, nous ne voulons pas que plusieurs événements se déclenchent et provoquent des conflits, c'est pourquoi les événements ont des méthodes stopPropagation(); Il existe également une méthode événementielle qui est également couramment utilisée, comme un lien. Si je ne veux pas sauter en cliquant sur le lien, j'utilise la méthode event.preventDefault();