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:
elem1.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:
