Dừng lan truyền sự kiện ngay lập tức trong JavaScript
Để dừng hoàn toàn việc xử lý sự kiện,
các trình duyệt hiện đại hỗ trợ phương thức stopImmediatePropagation.
Nó không chỉ ngăn chặn sự lan truyền (bubbling) mà còn
dừng việc xử lý các sự kiện trên phần tử hiện tại.
Hãy áp dụng nó:
elem1.addEventListener('click', function() {
console.log('màu xanh lá');
});
elem2.addEventListener('click', function(event) {
console.log('màu xanh da trời - trình xử lý thứ nhất');
event.stopImmediatePropagation(); // dừng lan truyền
});
elem2.addEventListener('click', function() {
console.log('màu xanh da trời - trình xử lý thứ hai'); // sẽ không chạy nữa
});
elem3.addEventListener('click', function() {
console.log('màu đỏ');
});
Bạn có thể kiểm tra:
