Omedelbart stopp av eventbubblan i JavaScript

För att helt stoppa hanteringen, stöder moderna webbläsare metoden stopImmediatePropagation. Den förhindrar inte bara eventbubblan, utan stoppar också händelsehanteringen på det aktuella elementet. Låt oss använda den:

javascriptelem1.addEventListener('click', function() {
  console.log('grön');
});
elem2.addEventListener('click', function(event) {
  console.log('blå - första hanteraren');
  event.stopImmediatePropagation();     // stoppa eventbubblan
});
elem2.addEventListener('click', function() {
  console.log('blå - andra hanteraren'); // kommer inte att köras
});
elem3.addEventListener('click', function() {
  console.log('röd');
});

Du kan testa: