Concept propagation et bubbling event

**Ali Kent** · 16/12/2014, 13h11

Bonjour,

Il y a un concept javascript que je n'ai pas compris.

Qu'est ce que la propagation et le bubbling d'événement en javascript?

Merci d'avance pour vos réponses.

**SpaceFrog** · 16/12/2014, 13h21

Dans l'exemple ci dessous, le click sur child déclenche la click du parent ..

http://fiddle.jshell.net/dkhbmmnf/

**Ali Kent** · 16/12/2014, 13h48

C'est donc le fait qu'un évènement déclenché sur un élément déclenche ce même évènement sur les éléments parents. C'est bien ça?

**Bovino** · 16/12/2014, 14h02

Oui, c'est un peu ça.
En gros, il faut voir ta page Web comme un empilement de calques sur une feuille. Le calque le plus profond serait la balise <body> sur laquelle on vient empiler les différentes balises selon l'ordre dans lequel elles apparaissent dans le code.
Sauf que si par exemple tu prévois un événement sur une balise, mais qu'il y en a d'autres au-dessus, il faut que la balise puisse quand même réagir à l'événement. Donc quand l'événement est déclenché sur la balise la plus haute dans la pile, cet événement va ensuite être "transmis" à toutes les balises parentes et tous les événements prévus pourront être déclenchés.