Più gestori di eventi su un elemento in JavaScript

Se un elemento ha più gestori per lo stesso evento, anche interrompendo il bubbling, tutti verranno eseguiti. Cioè, stopPropagation impedisce l'avanzamento dell'evento oltre, ma sull'elemento corrente tutti i gestori verranno eseguiti. Guarda l'esempio:

javascriptelem1.addEventListener('click', function() {
  console.log('verde');
});
elem2.addEventListener('click', function(event) {
  console.log('blu - primo gestore');
  event.stopPropagation(); // fermiamo il bubbling
});
elem2.addEventListener('click', function() {
  console.log('blu - secondo gestore'); // verrà eseguito comunque
});
elem3.addEventListener('click', function() {
  console.log('rosso');
});

Puoi verificare: