Cách xem các sự kiện (events) được kích hoạt trên element trong Chrome DevTools

Để xem sự kiện được kích hoạt trên một element, làm theo các bước sau trong Google Chrome:

1. Mở Chrome, nhấn F12 mở DevTools.
2. Chuyển tab Sources.
3. 
4. Ở panel bên phải, tìm Event Listener Breakpoints.
5. 
6. Chọn các sự kiện muốn theo dõi, sau đó tương tác với element mục tiêu.
7. Nếu sự kiện kích hoạt, debugger sẽ dừng tại breakpoint.

Mẹo thêm: Tab Elements → panel Event Listeners (bên cạnh Styles) liệt kê tất cả listener gắn trên element được chọn.