2015-09-18 4 views
0

Firebug показывает только HTML и CSS по умолчанию. Как я могу найти события, связанные с элементом DOM? Я хочу проверить тему, но я не знаю, как я нахожу события, связанные с элементом DOM, потому что нет отладчика.Как найти событие, прикрепленное к элементу DOM?

Firebug выполняет код, не показывая ничего. Есть ли способ показать эти события?

+1

В инструменте разработчика chrome, перейдите на вкладку «Элементы». Справа вы увидите Styles, Computed, Event Listeners .... Там вы получите всех подключенных слушателей для каждого типа событий, найдите то, что вам нужно. – Vivek

+0

Вопросник запрашивает функциональность Firebug, а не Chrome DevTools. –

ответ

0

Существует универсальное решение для этого

  • Hit F12, чтобы открыть Dev Tools
  • Перейдите на вкладку Источники
  • На правой стороне, прокрутите вниз до "Event Listener Breakpoints", а также расширить tree Нажмите на события, которые вы хотите прослушать. * Взаимодействие с целевым элементом, если они стреляют вы получите точку останова в отладчике
+0

Ваш ответ относится к Chrome DevTools, а не к Firebug. –

+1

@SebastianZartner - Отлично, но я обожаю Chrome за все. –

+0

Я искал одно и то же решение, но с помощью инструментов разработчика Chrome. Работал как шарм! Благодарю. – webworm

0

Если вы используете JQuery, вы можете получить список всех зарегистрированных событий в HTML-элементе (не объект JQuery или селектор), выполнив

jQuery._data(elem, "events"); 

в вашей консоли firebug.

Для получения более подробной информации нажмите here.

0

Firebug 2 имеет Events side panel в пределах HTML panel, в котором перечислены все события, приложенные к элементу.

*Events* side panel within Firebug

Он даже показывает завернутые слушателей. То есть если вы используете библиотеку jQuery, вы обычно не хотите видеть функцию обработчика событий jQuery, а свою собственную, которая показана с префиксом a>.

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