DokuWiki

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.

|<- [[vpfjsphp:Analyzing event properties]]|[[vpfjsphp:Stopping event propagation]] ->|

Event propagation :
  - lorsqu'un élément parent capte les événements liés aux éléments enfants.
  - C'est une des raisons de préférer addEventListener()

=== capturing vs bubbling ===

2 différents modèles de propagation différents selon les navigateurs.

Capturing phase : de haut en bas (élément parent vers enfant)
Bubbling phase: élément enfant vers parent.

Le dernier paramètre, booléen, d'un addEventListener indique que l'on souhaite capturer l'événement lors de la phase de bubbling ou capturing.


Voir quirksmode.org/js/events_order.html

<code>
<ul id="my_ul">
  <li>a</li>
  <li>b</li>
</ul>
document.getElementById("my_ul").addEventListener('click',function(e) {
  console.log(e.toElement.alt);
}
</code>