Oprirea imediată a bubbling-ului în JavaScript
Pentru a opri complet procesarea,
browserele moderne suportă metoda stopImmediatePropagation.
Ea nu numai că prevenește bubbling-ul, dar și
oprește procesarea evenimentelor pe elementul
curent. Să o aplicăm:
elem1.addEventListener('click', function() {
console.log('verde');
});
elem2.addEventListener('click', function(event) {
console.log('albastru - primul handler');
event.stopImmediatePropagation(); // oprim bubbling-ul
});
elem2.addEventListener('click', function() {
console.log('albastru - al doilea handler'); // nu se va mai executa
});
elem3.addEventListener('click', function() {
console.log('roșu');
});
Puteți verifica:
