¿Alguna vez tuvo algún tipo de conflicto en un oyente de eventos? O simplemente quiere ver qué más se está ejecutando en la misma acción en la página. Dependiendo de su navegador, esto puede o no ser una funcionalidad integrada.
Incorporado al navegador
En Google Chrome, haga clic derecho en la página, vaya a Inspeccionar elemento. A partir de ahí, asegúrese de estar en la pestaña Elementos y haga clic en un bloque de HTML. En la barra lateral derecha, verá una sección con pestañas donde puede hacer clic en Oyentes de eventos y ver las acciones que el documento está escuchando. Puede profundizar más en cada una de esas acciones para ver dónde se produce la declaración inicial.
En Internet Explorer, creo que tienen una funcionalidad similar incorporada. En FireFox, creo que requiere un complemento FireBug para ver esa funcionalidad en el navegador.
getEventListeners
Este es un método que se cuece directamente en Chrome y Firebug para Firefox. Sintaxis: getEventListeners (objeto). Entonces, junto con jQuery, un ejemplo simple sería:
getEventListeners ($ ('# contenedor'));
Simplemente vaya directamente a la consola del desarrollador y escriba ese comando para cualquier elemento que desee ver a los oyentes.
getEventListeners Chrome
getEventListeners Firebug
jQuery
Ya no hay una forma totalmente compatible de obtener esta información en jQuery. Puede acceder a un método privado en jquery a través de:
$ ._ data ($ (''), 'eventos');
Reemplace con su referencia de elemento apropiada. Esto no se admite públicamente, no hay documentación y podría dejar de funcionar con cualquier nueva versión de jQuery, así que no confíe en ella. Si lo va a usar, úselo solo para depurar.
Bookmarklet
Si nada de lo anterior le conviene, hay un bookmarklet bastante bueno que le permitirá ver en la página dónde se encuentran los oyentes. Si vas aquí, proporcionan el marcador para arrastrar a la barra de tu navegador. Honestamente, esta es la forma en que uso más a menudo, ya que puedo ver exactamente dónde se encuentra el oyente en la página.
