Расширение Firefox, чтобы узнать, какое событие Javascript связано с проверяемым элементом?

Можно привязать события Javascript к элементам html без использования встроенных объявлений.

Есть ли способ при проверке элемента html узнать, какие события связаны с элементом? Я хочу знать о событиях, определенных разработчиком, а не о внутренних событиях, которые приходят с браузером.

Поэтому, если я наведу курсор на элемент и появится меню, я хочу знать, какой метод вызвал его.

Я пробовал Event Spy с инспектором кода, но он регистрирует слишком много внутренних, если только я не использую его правильно.


javascript firefox dom-events firefox-addon
person Tony_Henrich    schedule 13.10.2009    source источник

Ответы (3)


arrow_upward
28
arrow_downward

Визуальное событие 2

Визуальное событие
(источник: tinygrab.com)

Visual Event — это букмарклет Javascript с открытым исходным кодом, который предоставляет отладочную информацию о событиях, прикрепленных к элементам DOM.

person NVI    schedule 13.10.2009
comment
Прохладно. Имейте в виду, что он распознает только прослушиватели событий, добавленные с использованием одной из поддерживаемых библиотек, а не с помощью необработанного API DOM (addEventListener). - person Nickolay; 13.10.2009

arrow_upward
3
arrow_downward

Невозможно перечислить прослушиватели, добавленные с помощью addEventListener в ядре Firefox (ошибка 448602) .

Возможно, есть обходные пути, но я о них не знаю. См. также Как найти прослушиватели событий на узле DOM при отладке или из кода JavaScript?

[править] О, подождите, определите, «какие события связаны»? Вы имели в виду, какие события могут запускаться на узле? Если да, то вам следует уточнить свой вопрос.

person Nickolay    schedule 13.10.2009
comment
Я хочу знать обработчики событий, которые были добавлены в функцию JQuery Ready(). Такие события, как изменение, размытие, щелчок и т. д. - person Tony_Henrich; 14.10.2009
comment
Если обработчики событий подключены с помощью jquery, то ответ NV - это то, что вам нужно. - person Nickolay; 14.10.2009
comment
Отчет об ошибке, на который вы ссылаетесь, содержит ссылки внизу на документацию о том, как получить слушателей. Похоже, что это решение предназначено для привилегированного кода (дополнения Firefox). - person NoBugs; 29.11.2012
comment
@NoBugs: верно, поскольку я опубликовал свой ответ, для Firebug был реализован внутренний обходной путь. Насколько мне известно, для этого до сих пор нет веб-API, хотя в последнее время я не очень внимательно слежу за развитием событий в этой области. - person Nickolay; 02.12.2012

arrow_upward
0
arrow_downward

Из Firefox 33 эта функция (отображение элементов, к которым подключены прослушиватели) добавлен в инспектор в firefox- инструменты разработчика. Вы можете увидеть значок «ev» или «event» рядом с элементами, у которых есть прослушиватели событий. При нажатии на него отображается список всех прослушивателей событий, привязанных к элементу.

введите здесь описание изображения

MDN — проверка прослушивателей событий

person Pradeepal Sudeshana    schedule 19.08.2018