Veelvuldige Hanterders op 'n Element in JavaScript
As 'n element verskeie hanterders vir dieselfde gebeurtenis het, sal almal uitgevoer word, selfs as opborreling gestaak word. Dit beteken dat
stopPropagation die verspreiding van die gebeurtenis verder verhoed, maar alle hanterders op die huidige element sal steeds werk. Sien die voorbeeld:
elem1.addEventListener('click', function() {
console.log('groen');
});
elem2.addEventListener('click', function(event) {
console.log('blou - eerste hanterder');
event.stopPropagation(); // stop opborreling
});
elem2.addEventListener('click', function() {
console.log('blou - tweede hanterder'); // sal steeds werk
});
elem3.addEventListener('click', function() {
console.log('rooi');
});
Jy kan dit toets: