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:
elem1.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:
