Posso encontrar eventos vinculados a um elemento com jQuery?

Eu vinculo dois manipuladores de eventos neste link:

<a href='#' id='elm'>Show Alert</a>

JavaScript:

$(function()
{
  $('#elm').click(_f);
  $('#elm').mouseover(_m);
});

function _f(){alert('clicked');}
function _m(){alert('mouse over');}

Existe alguma maneira de obter uma lista de todos os eventos vinculados a um elemento, neste caso no elemento with id="elm"?

Nas versões modernas do jQuery, você usaria o $._datamétodo para encontrar quaisquer eventos anexados pelo jQuery ao elemento em questão. Observe que este é um método somente de uso interno:

// Bind up a couple of event handlers
$("#foo").on({
    click: function(){ alert("Hello") },
    mouseout: function(){ alert("World") }
});

// Lookup events for this particular Element
$._data( $("#foo")[0], "events" );

O resultado de $._dataserá um objeto que contém os dois eventos que definimos (foto abaixo com a mouseoutpropriedade expandida):

Em seguida, no Chrome, você pode clicar com o botão direito do mouse na função manipuladora e clicar em "visualizar definição da função" para mostrar o local exato em que ela está definida no seu código.

Caso Geral:

• Clique F12para abrir as Ferramentas de Desenvolvimento
• Clique na Sourcesguia
• No lado direito, role para baixo Event Listener Breakpointse expanda a árvore
• Clique nos eventos que você deseja ouvir.
• Interaja com o elemento de destino, se eles dispararem, você obterá um ponto de interrupção no depurador

Da mesma forma, você pode:

• clique com o botão direito do mouse no elemento de destino -> selecione " Inspect element"
• Role para baixo no lado direito do quadro de desenvolvimento, na parte inferior é ' event listeners'.
• Expanda a árvore para ver quais eventos estão anexados ao elemento. Não tenho certeza se isso funciona para eventos que são tratados com bolhas (acho que não)

Estou adicionando isso para a posteridade; Existe uma maneira mais fácil que não envolve escrever mais JS. Usando o incrível addon firebug para o firefox ,

1. Clique com o botão direito do mouse no elemento e selecione 'Inspecionar elemento com Firebug'
2. Nos painéis da barra lateral (mostrados na captura de tela), navegue até a guia Eventos usando a pequena seta>
3. A guia events mostra os eventos e funções correspondentes para cada evento
4. O texto ao lado mostra a localização da função

Agora você pode simplesmente obter uma lista de ouvintes de eventos vinculados a um objeto usando a função javascript getEventListeners ().

Por exemplo, digite o seguinte no console de ferramentas de desenvolvimento:

// Get all event listners bound to the document object
getEventListeners(document);

O plug- in do plugin jQuery Audit deve permitir que você faça isso por meio das Ferramentas de desenvolvimento normais do Chrome. Não é perfeito, mas deve permitir que você veja o manipulador real vinculado ao elemento / evento e não apenas o manipulador genérico do jQuery.

Embora isso não seja exatamente específico dos seletores / objetos do jQuery, no FireFox Quantum 58.x, você pode encontrar manipuladores de eventos em um elemento usando as ferramentas de desenvolvimento:

1. Clique com o botão direito do mouse no elemento
2. No menu de contexto, clique em 'Inspecionar elemento'
3. Se houver um ícone 'ev' próximo ao elemento (caixa amarela), clique no ícone 'ev'
4. Exibe todos os eventos para esse elemento e manipulador de eventos

Eu usei algo assim se ($ ._ data ($ ("a.wine-item-link") [0]). Events == null) {... faça algo, ligue os manipuladores de eventos novamente} para verificar se meu elemento estiver vinculado a qualquer evento. Ainda será indefinido (nulo) se você desanexou todos os manipuladores de eventos desse elemento. Essa é a razão pela qual estou avaliando isso em uma expressão if.

Observe que os eventos podem ser anexados ao próprio documento, e não ao elemento em questão. Nesse caso, você desejará usar:

$._data( $(document)[0], "events" );

E encontre o evento com o seletor correto :

E então veja o manipulador > [[FunctionLocation]]

Quando passo uma consulta DOM complexa para dados $ ._ como este: $._data($('#outerWrap .innerWrap ul li:last a'), 'events')lança indefinidamente no console do navegador.

Então eu tive que usar os dados $ ._ na div pai: $._data($('#outerWrap')[0], 'events')para ver os eventos das tags a. Aqui está um JSFiddle para o mesmo: http://jsfiddle.net/giri_jeedigunta/MLcpT/4/