¿Cómo comprobar si hay detectores/manejadores de eventos de JavaScript conectados a un elemento/documento?

Question

Intenté buscar en línea, pero no parece que pueda formular la consulta de búsqueda correctamente.

Tan simple como suena, ¿cómo puedo, ya sea con jquery o simplemente javascript enumerar todos los controladores o eventos que se adjuntan a elemento (s)/documento/ventana o presente en dom.

Solo me pregunto.

Gracias de antemano.

Answer 1

En jQuery antes de 1.8, intente utilizar $("#element").data("events")

EDIT:

Existe también jQuery extensión: listHandlers

Answer 2

acabo de descubrir evento visual 2:

http://www.sprymedia.co.uk/article/Visual+Event+2

pasar por debajo de "hacerlo" ir a la sección" y arrastrar el enlace de texto a su barra de herramientas de marcadores ir a una página que tiene eventos y haga clic en el marcador

probado en FF Mac

Answer 3

Cuando la depuración, si quieres simplemente ver si hay un evento , Recomiendo usar Visual Event o la sección Elementos de las herramientas para desarrolladores de Chrome: seleccione un elemento y busque "Escuchas de eventos en la esquina inferior derecha".

En su código, si está utilizando jQuery antes de la versión 1.8, puede utilizar:

$(selector).data("events") 

para obtener los eventos. A partir de la versión 1.8, esto se interrumpe (ver this bug ticket). Se puede utilizar:

$._data(element, "events") 

pero esto no es recomendable, ya que es una estructura interna de jQuery, y podría cambiar en futuras versiones.

This question tiene algunas respuestas que pueden ser útiles, pero ninguna de ellas es particularmente elegante de la misma manera que $(selector).data("events").

Answer 4

Sin jQuery:

si se añadieran los oyentes mediante el método elem.addEventListener(), no es fácil hacer una lista de estos oyentes. Puede anular el método EventTarget.addEventListener() envolviéndolo con el suyo. Entonces usted tendrá la información, qué oyentes fueron registrados.

var f = EventTarget.prototype.addEventListener; // store original 
EventTarget.prototype.addEventListener = function(type, fn, capture) { 
    this.f = f; 
    this.f(type, fn, capture); // call original method 
    alert('Added Event Listener: on' + type); 
} 

Ejemplo de trabajo se pueden encontrar en http://jsfiddle.net/tomas1000r/RDW7F/