Quando desejo depurar um evento associado a um elemento via jQuery, atualmente, consigo fazer das seguintes formas:
no Chrome, é possível ativar o depurador especificamente para certos tipos de eventos. No entanto, isso não tem utilidade quando se é necessário depurar alguma coisa em outros navegadores;
colocar uma instrução
debugger
na primeira linha de código de um evento ativa o depurador naquele ponto, mas é inconveniente fazê-lo para cada evento. Além disso, para casos nos quais vou depurar código alheio, ainda há o trabalho de se obter todos os eventos - que podem ser associados e desassociados (amarrados/desamarrados?) dinamicamente.Força bruta. Por exemplo, para um evento de clique:
function debugClick (elem) { debugger; $(elem).click(); }
Esse último exemplo faz com que eu me sinta mal comigo mesmo.
Existe alguma forma mais elegante e cross browser de se depurar os eventos de um elemento?