Anonim

Já teve algum tipo de conflito com um ouvinte de evento? Ou apenas deseja ver o que mais está sendo executado na mesma ação na página. Dependendo do seu navegador, isso pode ou não ser uma funcionalidade incorporada.

Incorporado ao navegador

No Google Chrome, clique com o botão direito do mouse na página e vá para Inspecionar elemento. A partir daí, verifique se você está na guia Elementos e clique em um bloco de HTML. Na barra lateral direita, você verá uma seção com guias onde poderá clicar em Ouvintes de Eventos e ver as ações que o documento está ouvindo. Você pode detalhar ainda mais cada uma dessas ações para ver onde a declaração inicial está ocorrendo.
No Internet Explorer, acredito que eles tenham funcionalidade semelhante incorporada. No FireFox, acredito que seja necessário um complemento do FireBug para ver essa funcionalidade no navegador.

getEventListeners

Este é um método que é inserido diretamente no Chrome e Firebug for Firefox. Sintaxe: getEventListeners (objeto). Portanto, em conjunto com o jQuery, um exemplo simples seria:

getEventListeners ($ ('# container'));

Basta ir diretamente ao console do desenvolvedor e digitar esse comando para qualquer elemento que você gostaria de ver para os ouvintes.
getEventListeners Chrome
Firebug de getEventListeners

jQuery

Não há como oferecer suporte completo a essas informações no jQuery. Você pode acessar um método privado no jquery via:

$ ._ data ($ (''), 'eventos');

Substitua por sua referência de elemento apropriada. Isso não é suportado publicamente, não há documentação e pode parar de funcionar com qualquer nova versão do jQuery; portanto, não confie nela. Se você for usá-lo, use-o apenas para depuração.

Bookmarklet

Se nenhuma das opções acima lhe convier, há um bookmarklet bem legal que permitirá que você veja na página onde os ouvintes estão localizados. Se você for aqui, eles fornecem o bookmarklet para arrastar para a barra do navegador. Essa é honestamente a maneira que eu uso com mais frequência, pois posso ver exatamente onde o ouvinte está localizado na página.

Ver todos os ouvintes do evento