Takojšnje zaustavitev širjenja dogodkov v JavaScript
Da popolnoma ustavimo obdelavo,
sodobni brskalniki podpirajo metodo stopImmediatePropagation.
Ne le prepreči širjenje dogodka navzgor (bubbling), ampak tudi
ustavi obdelavo dogodkov na trenutnem
elementu. Uporabimo jo:
elem1.addEventListener('click', function() {
console.log('zelena');
});
elem2.addEventListener('click', function(event) {
console.log('modra - prvi obravnavalec');
event.stopImmediatePropagation(); // ustavimo širjenje
});
elem2.addEventListener('click', function() {
console.log('modra - drugi obravnavalec'); // ne bo se več sprožil
});
elem3.addEventListener('click', function() {
console.log('rdeča');
});
Lahko preizkusite: