Penghentian Segera Bubbling dalam JavaScript

Untuk menghentikan pemprosesan sepenuhnya, penyemak imbas moden menyokong kaedah stopImmediatePropagation. Ia bukan sahaja menghalang bubbling, malah menghentikan pemprosesan peristiwa pada elemen semasa. Mari kita gunakannya:

javascriptelem1.addEventListener('click', function() {
  console.log('hijau');
});
elem2.addEventListener('click', function(event) {
  console.log('biru muda - pengendali pertama');
  event.stopImmediatePropagation();     // hentikan bubbling
});
elem2.addEventListener('click', function() {
  console.log('biru muda - pengendali kedua'); // tidak akan berfungsi lagi
});
elem3.addEventListener('click', function() {
  console.log('merah');
});

Anda boleh menyemak: