vpfjsphp:understanding_event_propagation

Event propagation :

  1. lorsqu'un élément parent capte les événements liés aux éléments enfants.
  2. 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

<ul id="my_ul">
  <li>a</li>
  <li>b</li>
</ul>
document.getElementById("my_ul").addEventListener('click',function(e) {
  console.log(e.toElement.alt);
}
vpfjsphp/understanding_event_propagation.txt · Last modified: 2016/02/24 01:05 by leo