Какие обработчики событий подключены к узлу DOM - как его найти?

Question

Есть ли способ найти, какие обработчики событий привязаны к данному узлу DOM?

Например, при нажатии на ссылку «Добавить комментарий» к нему прикреплен обработчик событий, который показывает форму комментария. Теперь, если у меня есть документ DOM (веб-страница) и вы хотите перечислить все обработчики событий для одного конкретного узла, есть ли способ сделать это?

(я подозреваю, что это не возможно для JS работает в пределах страницы, делать расширение браузера в FF имеет доступ к этим данным?)

Answer 1

Chrome (и я подозреваю, Safari) может показывать вложенные обработчик событий при выборе элемент в DOM, а затем прокрутите правую боковую панель до раздела «Слушатели событий». Там вы можете видеть, какие функции прилагаются.

У меня нет копии Firebug на данный момент, но я подозреваю, что вкладка DOM также отображает аналогичную информацию в Firefox.

Answer 2

В Chrome:

1. «Осмотрите элемент» на элемент, который вы хотите знать о
2. В разделе «Элементы» вкладки в инструментах разработчика, в правой панели, нажмите на кнопку «прослушивателях событий "

Это покажет вам, какие обработчики событий прикреплены к этому элементу.

(ответ Krof, могли быть более четко написано.)

Answer 3

В Chrome можно использовать getEventListeners.

1. Open Tools Developer
2. Выберите элемент вы заинтересованы в
3. Тип эта консоль: getEventListeners($0)
4. Хит войти.

Должны быть возвращены имена объектов, привязывающих объекты к своим обработчикам. Обратите внимание: $0 - это special dev tools variable, который всегда указывает на последний элемент, выбранный на вкладках «Элементы».