¿Existen herramientas/técnicas para depurar manejadores de eventos jQuery?

Question

Actualmente estoy tratando de averiguar qué controladores de eventos de click han adjuntado a mi div. Solo debe haber un manejador adjunto, pero parece haber al menos uno. Estoy usando FireBug pero Chrome podría ser una opción también. No me gusta IE, así que preferiría no usar eso.

El mejor de los casos es que puedo inspeccionar mi div usando FireBug, y ver una lista de controladores de eventos.

Answer 1

Visual Event es un buen marcador javascript puede ejecutar en una página para ver todos los eventos que están conectados a un control.

Answer 2

Si está utilizando jQuery para asignar sus controladores de eventos se puede localizar los eventos fijados por medio de $("div").data("events");

$("div.test").each(function(){ 
    var events = $(this).data("events"); 
    //events.click will give you a list of click handlers, events.mouseenter, etc.. 
    $.each(events, function(i, eventType){ 
     $.each(eventType, function(){ 
      //this.handler() can be used to find the anonymous function assigned to the element. 
      $("body").append("<h1>" + this.type + "</h1>"); 
     }); 
    }); 
}); 

Si desea obtener manipuladores vivo que puede hacer lo mismo para el documento.

var liveEvents = $(document).data("events").live; 
$.each(liveEvents, function() { 
    $("body").append("<h1>" + this.selector + this.origType + "</h1>"); 
}); 

Ejemplo en jsfiddle.

Answer 3

Compruebe la función $ .data.

Específicamente algo como esto:.

var = $ .data hace clic (mySelector) ('eventos') haga clic;

Debería devolver una lista de manejadores de eventos de clic y sus objetos DOM asociados.

Answer 4

complementos "fire-bug" (para mozilla) es la mejor opción para esto.

Answer 5

Instalar fireQuery plugin para el quemador, y la podrás ver todos los eventos de conexión mediante jQuery en la pantalla incendiario, al igual que lo desee;)

Se puede encontrar aquí: http://firequery.binaryage.com/ o aquí: https://addons.mozilla.org/en-us/firefox/addon/firequery/

Será Firebug hacer su aspecto: