0
174
Vistas¿Existen herramientas/técnicas para depurar los controladores de eventos de jQuery?
Actualmente estoy tratando de averiguar qué controladores de eventos de clic se han adjuntado a mi div. Solo debe haber un controlador adjunto, pero parece haber al menos uno. Estoy usando FireBug, pero Chrome también podría ser una opción. No me gusta IE, así que prefiero no usarlo.
El mejor de los casos es que puedo inspeccionar mi div usando FireBug y ver una lista de controladores de eventos.
3 Respuestas
Responde la pregunta0
Visual Event es un buen marcador de javascript que puede ejecutar en una página para ver todos los eventos que están adjuntos a un control.
0
Si está utilizando jQuery para asignar sus controladores de eventos, puede ubicar los eventos adjuntos a través $("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 controladores en vivo, 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 .
0
Instale el complemento fireQuery para firebug y verá todos los eventos adjuntos de jQuery en la pantalla de firebug, tal como lo desea;)
Puede encontrarlo aquí: http://firequery.binaryage.com/ o aquí: https://addons.mozilla.org/en-us/firefox/addon/firequery/
Hará que tu firebug se vea así: