Pelbagai Penangan pada Elemen dalam JavaScript

Jika satu elemen mempunyai beberapa penangan untuk satu peristiwa, walaupun setelah pembubulan dihentikan, kesemuanya akan dilaksanakan. Iaitu, stopPropagation menghalang peristiwa daripada bergerak lebih jauh, tetapi semua penangan pada elemen semasa akan tetap berfungsi. Lihat contoh:

javascriptelem1.addEventListener('click', function() {
  console.log('hijau');
});
elem2.addEventListener('click', function(event) {
  console.log('biru muda - penangan pertama');
  event.stopPropagation(); // hentikan pembubulan
});
elem2.addEventListener('click', function() {
  console.log('biru muda - penangan kedua'); // akan tetap berfungsi
});
elem3.addEventListener('click', function() {
  console.log('merah');
});

Anda boleh mengujinya: