Event Delegation trong JavaScript là gì và cơ chế Event Bubbling vs Capturing hoạt động ra sao?

Question

Khi một sự kiện DOM xảy ra, nó đi qua 3 giai đoạn:
1. **Capturing Phase**: Sự kiện đi từ `window` xuống qua các phần tử cha tới target element.
2. **Target Phase**: Sự kiện kích hoạt tại đúng phần tử được tương tác.
3. **Bubbling Phase**: Sự kiện bùng nổi ngược từ target element lên lại `window` các

Accepted Answer

Khi một sự kiện DOM xảy ra, nó đi qua 3 giai đoạn:
1. **Capturing Phase**: Sự kiện đi từ `window` xuống qua các phần tử cha tới target element.
2. **Target Phase**: Sự kiện kích hoạt tại đúng phần tử được tương tác.
3. **Bubbling Phase**: Sự kiện bùng nổi ngược từ target element lên lại `window` các phần tử cha.

**Event Delegation**: Kỹ thuật lắng nghe sự kiện tại phần tử CHA duy nhất thay vì gắn listener lên hàng trăm phần tử CON. Nhờ vào cơ chế Bubbling, ta kiểm tra `event.target` để xử lý cho đúng phần tử con tương ứng.

Event Delegation trong JavaScript là gì và cơ chế Event Bubbling vs Capturing hoạt động ra sao?

📌 Nội Dung Câu Hỏi

Đáp Án Chi Tiết Đã Bị Khóa

Câu Hỏi JavaScript Liên Quan

Phân biệt sự khác nhau giữa WeakMap / WeakSet với Map / Set trong JavaScript?

Các nguyên nhân phổ biến gây Rò rỉ bộ nhớ (Memory Leaks) trong ứng dụng JavaScript và cách khắc phục?