¿Qué controladores de eventos están conectados a un nodo DOM - cómo encontrarlos?

Question

¿Hay alguna manera de encontrar qué manejadores de eventos están conectados a un nodo DOM dado?

Por ejemplo, cuando hace clic en el enlace "agregar comentario", hay un controlador de eventos adjunto que muestra el formulario de comentarios. Ahora, si tengo un documento DOM (una página web) y quiero enumerar todos los manejadores de eventos para un nodo específico, ¿hay alguna manera de hacerlo?

(sospecho que no es posible que JS corriendo dentro de la página, hacer extensiones del navegador en FF tiene acceso a estos datos?)

Answer 1

Chrome (y sospecho Safari) puede mostrar detectores de eventos asociados al seleccionar una elemento en el DOM y luego desplácese hacia abajo por la barra lateral derecha hasta la sección de Escucha de eventos. Allí, puede ver qué funciones están adjuntas.

No tengo una copia de Firebug por el momento, pero sospecho que la pestaña DOM también muestra información similar en Firefox.

Answer 2

En Chrome:

1. "Inspeccionar elemento" en el elemento que desea saber sobre
2. En los "elementos" pestaña en herramientas de desarrollo, en el panel de la derecha, haga clic en "detectores de eventos "

Esto le mostrará qué controladores de eventos están conectados a ese elemento.

(respuesta de Krof podría haber sido más claramente por escrito.)

Answer 3

En Chrome, puede utilizar getEventListeners.

1. Abiertas Herramientas de Desarrollo
2. Seleccione el elemento que le interesa
3. Tipo esta la consola: getEventListeners($0)
4. pulsa enter.

Se deben devolver los nombres de eventos de asignación de objetos a sus controladores. Tenga en cuenta que $0 es un special dev tools variable que siempre apunta al último elemento seleccionado en las pestañas "Elementos".