Välitön kuplimisen keskeyttäminen JavaScriptissä

Jotta käsittely voidaan pysäyttää kokonaan, nykyaikaiset selaimet tukevat metodia stopImmediatePropagation. Se ei vain estä kuplimista, vaan myös pysäyttää tapahtumien käsittelyn nykyisessä elementissä. Sovelletaan sitä:

javascriptelem1.addEventListener('click', function() {
  console.log('vihreä');
});
elem2.addEventListener('click', function(event) {
  console.log('sininen - ensimmäinen käsittelijä');
  event.stopImmediatePropagation();     // pysäytetään kupliminen
});
elem2.addEventListener('click', function() {
  console.log('sininen - toinen käsittelijä'); // ei toimi enää
});
elem3.addEventListener('click', function() {
  console.log('punainen');
});

Voit testata: