2014-01-02 3 views
2

Это чисто для целей отладки. Есть одна команда, какКак создать прослушиватель, который прослушивает для каждого типа события

addEventListener('*', myHandler) 

в родных JS или

$(document).on('*', myHandler) 

в JQuery, что не будет слушать любом случае, независимо от того, какой тип или пространство имен и вызвать MyHandler, когда происходит событие?

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

+1

Ну, посмотрите на [это ранее задала вопрос] (http://stackoverflow.com/questions/5848598/jquery-how-can-i-bind-all-events-on-a -dom-element) – Eric

+0

Нет, потому что для этого не возможно использовать. Даже при отладке не полезно видеть ** все ** типы событий; вам обычно нужно видеть только те, которые относятся к тому, что вы делаете, что будет небольшим подмножеством. – meagar

ответ

5

Инструменты разработчика Chrome могут это сделать. Откройте их, перейдите на вкладку Sources и посмотрите в правой колонке с расширяемыми/сворачиваемыми суб-панелями. Разверните ту, которая называется Event Listener Breakpoints. Здесь находятся расширенные флажки, которые позволяют вам отмечать любые события, которые вы хотите прослушать. После того, как вы проверите любой из них, Chrome разломит JS-код, как только произойдет событие такого типа.

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

enter image description here

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