Как узнать обработчики событий на элементе?

Question

[Sergey Pribylskiy]

Есть сгенерированная страница, как с помощью firebug (firefox) или google Сhrome узнать, какие обработчики и в каких файлах повешены на определенный элемент?

Comments

[1001001 111]

FF: правая кнопка мышки->исследовать элемент->нажимаем на кнопку [ev]

[1001001 111]

Google chrome: правая кнопка мышки->просмотр кода элемента->Event listeners

[1001001 111]

Firebug: правая кнопка мышки->инспектировать элемент с помощью Firebug->События

Answer 1

[aen]

В Chrome Dev Tools выделите нужный вам элемент и перейдите на вкладку Event Listeners (сайдбар во вкладке Elements).

Answer 2

[asd111]

Для chrome есть классный плагин Visual Event. Для других браузеров вроде тоже есть аналогичные. Нажимаешь, наводишь стрелочку на нужный элемент и он тебе показывает все обработчики событий на данном элементе.

Comments

[keslo]

Спасибо. Не знал. Плагин действительно классный!

Answer 3

[gaparchi]

В firefox, в инспекторе, выбираешь элемент и справа появляется кнопочка "ev". Иногда очень помогает и даже когда Chrome Dev Tools -> Event Listeners бессилен.

Answer 4

[Сергей Наломенко]

В FireBug есть вкладка «События», где отображается список всех связанных с выбранным элементом обработчиков.

Answer 5

[asdz]

При использовании обрабочиков событий устанавливаемых через jquery, вы не увидите их череp dev tools, нужно использовать сторонние средства, например, такое.