Đã bao giờ có một số loại xung đột trên một người nghe sự kiện? Hoặc chỉ muốn xem những gì khác đang được thực hiện trên cùng một hành động trên trang. Tùy thuộc vào trình duyệt của bạn, điều này có thể có hoặc không có chức năng tích hợp.
Được tích hợp sẵn trong Trình duyệt
Trong Google Chrome, nhấp chuột phải vào trang, đi đến Kiểm tra phần tử. Từ đó, đảm bảo bạn đang ở trên tab Yếu tố và nhấp vào một khối HTML. Trên thanh bên phải, bạn sẽ thấy phần được gắn thẻ nơi bạn có thể nhấp vào Trình lắng nghe sự kiện và xem các hành động mà tài liệu đang nghe. Bạn có thể đi sâu hơn vào từng hành động đó để xem nơi khai báo ban đầu đang diễn ra.
Trong Internet Explorer, tôi tin rằng chúng có chức năng tương tự được tích hợp sẵn. Trong FireFox, tôi tin rằng nó yêu cầu một tiện ích bổ sung FireBug để xem chức năng đó trong trình duyệt.
getEventListener
Đây là một phương pháp được đưa trực tiếp vào Chrome và Fireorms cho Firefox. Cú pháp: getEventListener (object). Vì vậy, kết hợp với jQuery, một ví dụ đơn giản sẽ là:
getEventListener ($ ('# container'));
Chỉ cần truy cập trực tiếp vào bảng điều khiển dành cho nhà phát triển và nhập lệnh đó cho bất kỳ yếu tố nào bạn muốn xem trình nghe.
getEventListener Chrome
getEventListener Fireorms
jQuery
Không có cách nào được hỗ trợ đầy đủ để có được thông tin này trong jQuery nữa. Bạn có thể truy cập một phương thức riêng tư trong jquery thông qua:
$ ._ dữ liệu ($ (''), 'sự kiện');
Thay thế bằng tham chiếu yếu tố thích hợp của bạn. Điều này không được hỗ trợ công khai, không có tài liệu và nó có thể ngừng hoạt động với bất kỳ bản phát hành mới nào của jQuery, vì vậy đừng dựa vào nó. Nếu bạn sẽ sử dụng nó, chỉ sử dụng nó để gỡ lỗi.
Bookmarklet
Nếu không có điều nào ở trên phù hợp với bạn, sẽ có một bookmarklet khá thú vị sẽ cho phép bạn xem trên trang nơi người nghe được đặt. Nếu bạn đến đây, họ sẽ cung cấp bookmarklet để kéo vào thanh trình duyệt của bạn. Đây thực sự là cách mà tôi sử dụng thường xuyên nhất vì tôi có thể thấy chính xác nơi người nghe nằm trên trang.
