Več predelovalcev dogodkov na elementu v JavaScriptu

Če ima element več predelovalcev za en dogodek, bodo vsi izvedeni tudi če ustavimo širjenje. To pomeni, da stopPropagation prepreči nadaljnje širjenje dogodka, vendar se bodo vsi predelovalci na trenutnem elementu izvedli. Poglejte primer:

javascriptelem1.addEventListener('click', function() {
  console.log('zelena');
});
elem2.addEventListener('click', function(event) {
  console.log('modra - prvi predelovalec');
  event.stopPropagation(); // ustavimo širjenje
});
elem2.addEventListener('click', function() {
  console.log('modra - drugi predelovalec'); // vseeno se bo izvedel
});
elem3.addEventListener('click', function() {
  console.log('rdeča');
});

Preverite lahko: