2013-07-22 2 views
9

мне интересно, если можно посмотретьПросмотр Приемники событий - Javascript

1. Сколько слушателей событий

2. Какой тип слушателя событий

На одной веб-страница.

Причина есть, потому что им использовать off(); способ.

Я использую этот framework, который в основном jQuery, но нет.

Да, я использую off, но даже не удаляется, и у меня есть ощущение, что на элементе находится более одного eventListener.

Если это возможно с помощью javascript, это возможно в браузере?

ответ

16

Chrome имеет некоторые встроенные инструменты. Если вы откроете инспектор элементов, сосредоточьтесь на элементе, прокрутите его до нижней части правого столбца (где есть CSS/Metrics/etc), вы увидите раскрывающийся раздел, в котором говорится о прослушивателях событий. Это может помочь некоторым ...

Часто мне легче просто добавлять прослушиватели событий к некоторому элементу DOM через консоль и видеть, отвечает ли он. Или я отбрасываю отладчики в разных местах (перед настройкой слушателя и внутри обратного вызова слушателя). Проблемы, с которыми я обычно сталкиваюсь, - это селектор, который, как мне кажется, не существует или событие связано слишком рано и пропускает селектор.

+0

Отлично, я не осознавал, что был там и предоставляет много информации, спасибо. – iConnor

1

Вы можете использовать Визуальный букмарклет событие: http://www.sprymedia.co.uk/article/Visual+Event+2

+0

Существует расширение хром, а, который использует тот же самый код https://chrome.google.com/webstore/detail/visual-event/pbmmieigblcbldgdokdjpioljjninaim – Dhaval

16

Долгое время проходит ...

я нашел что-то новое в Chrome DevTools.

Простой, как это в console

getEventListeners(yourElement); 

Документация: https://developers.google.com/chrome-developer-tools

+0

Но где фактическое определение функции для прослушивания. Я просто вижу огромное дерево объектов. Я хочу знать, что именно вызвано событием. –

 Смежные вопросы

  • Нет связанных вопросов^_^