Više handlera na elementu u JavaScript-u

Ako element ima više handlera za jedan događaj, onda će se svi izvršiti čak i ako se zaustavi propagacija. To jest, stopPropagation sprečava dalje šírenje događaja, ali će svi handleri na trenutnom elementu biti izvršeni. Pogledajte primer:

javascriptelem1.addEventListener('click', function() {
  console.log('zeleno');
});
elem2.addEventListener('click', function(event) {
  console.log('plavo - prvi handler');
  event.stopPropagation(); // zaustavljamo propagaciju
});
elem2.addEventListener('click', function() {
  console.log('plavo - drugi handler'); // svejedno će se izvršiti
});
elem3.addEventListener('click', function() {
  console.log('crveno');
});

Možete proveriti: