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:

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