Mai multe manipulatoare pe un element în JavaScript

Dacă un element are mai multe manipulatoare pentru același eveniment, atunci chiar și după oprirea bubbling-ului, toate se vor executa. Adică, stopPropagation împiedică propagarea evenimentului mai departe, dar pe elementul curent toate manipulatoarele vor funcționa. Vedeți exemplul:

javascriptelem1.addEventListener('click', function() {
  console.log('verde');
});
elem2.addEventListener('click', function(event) {
  console.log('albastru - primul manipulator');
  event.stopPropagation(); // oprim bubbling-ul
});
elem2.addEventListener('click', function() {
  console.log('albastru - al doilea manipulator'); // se va executa oricum
});
elem3.addEventListener('click', function() {
  console.log('roșu');
});

Puteți verifica: