Ngừng Sự Lan Truyền Sự Kiện trong JavaScript
Có thể dừng sự lan truyền của sự kiện tại bất kỳ
phần tử nào mà sự kiện đi qua.
Để làm điều này, trong mã của phần tử cần gọi
phương thức stopPropagation của đối tượng Event.
Trong ví dụ tiếp theo, cú nhấp chuột vào khối màu đỏ sẽ kích hoạt trên chính nó, sau đó đến khối màu xanh da trời và dừng lại ở đó - khối xanh da trời chấm dứt sự lan truyền tiếp theo và khối màu xanh lá cây sẽ không phản ứng gì:
elem1.addEventListener('click', function() {
console.log('xanh lá cây');
});
elem2.addEventListener('click', function(event) {
console.log('xanh da trời');
event.stopPropagation(); // dừng sự lan truyền
});
elem3.addEventListener('click', function() {
console.log('đỏ');
});
Bạn có thể kiểm tra:
