Wiele procedur obsługi na elemencie w JavaScript

Jeśli element ma wiele procedur obsługi na jedno zdarzenie, to nawet po zatrzymaniu propagacji wszystkie one zostaną wykonane. Oznacza to, że stopPropagation zapobiega dalszej propagacji zdarzenia, ale na bieżącym elemencie wszystkie procedury obsługi zostaną wykonane. Zobacz przykład:

javascriptelem1.addEventListener('click', function() {
  console.log('zielony');
});
elem2.addEventListener('click', function(event) {
  console.log('niebieski - pierwsza procedura obsługi');
  event.stopPropagation(); // zatrzymaj propagację
});
elem2.addEventListener('click', function() {
  console.log('niebieski - druga procedura obsługi'); // i tak zadziała
});
elem3.addEventListener('click', function() {
  console.log('czerwony');
});

Możesz to sprawdzić: