JavaScript'te Kabarcıklaşmanın Anında Durdurulması

İşlemi tamamen durdurmak için, modern tarayıcılar stopImmediatePropagation yöntemini destekler. Bu yöntem sadece kabarcıklaşmayı önlemekle kalmaz, aynı zamanda mevcut öğedeki olay işlemeyi de durdurur. Hadi uygulayalım:

javascriptelem1.addEventListener('click', function() {
  console.log('yeşil');
});
elem2.addEventListener('click', function(event) {
  console.log('mavi - birinci işleyici');
  event.stopImmediatePropagation();     // kabarcıklaşmayı durdur
});
elem2.addEventListener('click', function() {
  console.log('mavi - ikinci işleyici'); // artık çalışmaz
});
elem3.addEventListener('click', function() {
  console.log('kırmızı');
});

Kontrol edebilirsiniz: