Làm thế nào để tìm người nghe sự kiện trên nút DOM bằng cách sử dụng JavaScript

Question

Tôi vẫn không thể tin rằng điều này là không thể nhưng có cách nào để lặp qua dom và xem tất cả trình xử lý sự kiện được đính kèm bằng 'addEventListener'. This post và nhiều người khác nói không.

Nếu trường hợp đó xảy ra thì các ứng dụng như trình kiểm tra của Chrome hoặc Firebug sẽ hiển thị chúng như thế nào? Tôi đoán họ có thể tăng thêm các phương pháp của dom theo một cách nào đó để họ có thể theo dõi những gì đang bị ràng buộc.

Answer 1

Tất nhiên các trình duyệt trong nội bộ đều có danh sách trình xử lý sự kiện nhưng không được hiển thị với JavaScript cấp trang. Ví dụ: Firebug (hoặc Eventbug) có thể sử dụng nsIEventListenerInfo.

Nói như vậy, câu trả lời cũ này vẫn còn giữ:
How to find event listeners on a DOM node?

Answer 2

Bảng điều khiển của Chrome có một phương pháp có thể giúp bạn kiểm tra nếu một nút dom có ​​bất kỳ người nghe sự kiện đăng ký, ví dụ để kiểm tra nghe sự kiện gắn liền với việc sử dụng nút tài liệu:

https://developers.google.com/chrome-developer-tools/docs/commandline-api#geteventlistenersobject

getEventListeners(document); 

Bạn đệ quy có thể lặp qua tất cả các nút dom và tìm thấy tất cả xử lý sự kiện kèm theo Nếu cần thiết.

Answer 3

Mở console v53 Chrome tôi đã cố gắng:

getEventListeners (tài liệu);

trả về:

__proto__: Object

và tiểu yếu tố, chứ không phải những gì tôi đang tìm kiếm.

Vì vậy, tôi đã cố gắng:

getEventListeners (cửa sổ);

trả

Object {beforeunload: Array [1], tải: Array [1]}

Đó là những gì tôi đang tìm kiếm. Vì vậy, tôi nghĩ rằng cách tiếp cận đúng là Robin như cách của chim:

getEventListeners (myDomElement):

nơi myDomElement là nhắm mục tiêu đối tượng có với cách tiêu chuẩn như getElementById vv ..

Answer 4

sử dụng chức năng sau để tìm nạp json các sự kiện đã đăng ký;

getEventListeners (node_name); trong đó node_name có thể là tên phần tử hoặc id của nó.