jQuery buscar controladores de eventos registrados con un objeto

Puedes hacerlo así:

$("#el").click(function(){ alert("click");});
$("#el").mouseover(function(){ alert("mouseover"); });

$.each($("#el").data("events"), function(i, e) {
    alert(i);
});
//alerts 'click' then 'mouseover'

Si está en jQuery 1.4+, esto alertará al evento y las funciones vinculadas a él:

$.each($("#el").data("events"), function(i, event) {
    alert(i);
    $.each(event, function(j, h) {
        alert(h.handler);
    });
});
//alerts: 
//'click'
//'function (){ alert("click"); }'
//'mouseover'
//'function(){ alert("mouseover"); }'

Puedes jugar con él en jsFiddle aquí ​

Para jQuery 1.8+, esto ya no funcionará porque los datos internos se colocan en un objeto diferente.

La última forma no oficial (pero también funciona en versiones anteriores, al menos en 1.7.2) de hacerlo ahora es - $._data(element, "events")

El subrayado ("_") es lo que hace la diferencia aquí. Internamente, está llamando a $.data(element, name, null, true), el último (cuarto) parámetro es interno ("pvt").

Shameless plug, pero se puede utilizar findHandlerJS

Para usarlo solo tienes que incluir findHandlersJS (o simplemente copiar y pegar el código javascript raw en la ventana de la consola de chrome) y especificar el tipo de evento y un selector jquery para los elementos que te interesan.

Para su ejemplo, puede encontrar rápidamente los controladores de eventos que mencionó haciendo

findEventHandlers("click", "#el")
findEventHandlers("mouseover", "#el")

Esto es lo que se devuelve:

• elemento
  Real elemento donde se registró el controlador de eventos en
• eventos
  Array con información sobre los controladores de eventos de jquery para el tipo de evento que nos interesa (por ejemplo, clic, cambio, etc)
  • controlador
    Método de controlador de eventos real que puede ver haciendo clic derecho en él y seleccionando Mostrar definición de función
  • selector
    El selector proporcionado para eventos delegados. Estará vacío para eventos directos.
  • objetivos
    Lista con los elementos que este controlador de eventos se dirige. Por ejemplo, para un controlador de eventos delegado registrado en el objeto document y dirigido a todos los botones de una página, esta propiedad mostrará una lista de todos los botones de la página. Puede pasar el ratón sobre ellos y verlos resaltados en Chrome.

Puedes probarlo aquí

Utilizo eventbug plugin para firebug para este propósito.

He combinado ambas soluciones de @jps a una función:

jQuery.fn.getEvents = function() {
    if (typeof(jQuery._data) == 'function') {
        return jQuery._data(this.get(0), 'events') || {};
    } else if (typeof(this.data) == 'function') { // jQuery version < 1.7.?
        return this.data('events') || {};
    }
    return {};
};

Pero tenga cuidado, esta función solo puede devolver los eventos que se configuraron con jQuery.

A partir de la versión 1.9 no hay ninguna forma documentada de recuperar los eventos, aparte de utilizar el plugin Migrate para restaurar el comportamiento anterior. Podrías usar el _.método data () como menciona jps, pero es un método interno. Así que haz lo correcto y usa el plugin Migrate si necesitas esta funcionalidad.

De la documentación de jQuery en .data("events")

Antes de 1.9, .datos ("eventos") podrían ser utilizados para recuperar jQuery estructura interna de datos de eventos no documentada para elemento si no hay otro code había definido un elemento de datos con el nombre "events". Este especial se ha eliminado el caso en 1.9. No hay interfaz pública para recuperar esta estructura de datos internos, y sigue siendo indocumentada. Obstante, el complemento jQuery Migrate restaura este comportamiento para el código que depende sobre ello.

En un navegador moderno con ECMAScript 5.1 / Array.prototype.map, también puede usar

jQuery._data(DOCUMENTELEMENT,'events')["EVENT_NAME"].map(function(elem){return elem.handler;});

En la consola de su navegador, que imprimirá el origen de los controladores, delimitado por comas. Útil para echar un vistazo a lo que todo se está ejecutando en un evento en particular.

Tengo que decir que muchas de las respuestas son interesantes, pero recientemente tuve un problema similar y la solución fue extremadamente simple al seguir el camino del DOM. Es diferente porque no iteras sino que apuntas directamente al evento que necesitas, pero a continuación te daré una respuesta más general.

Tenía una imagen en fila:

<table>
  <td><tr><img class="folder" /></tr><tr>...</tr></td>
</table>

Y esa imagen tenía un controlador de eventos de clic adjunto:

imageNode.click(function () { ... });

Mi intención era expandir el área clicable a toda la fila, así que primero obtuve todas las imágenes y filas relativas:

tableNode.find("img.folder").each(function () {
  var tr;

  tr = $(this).closest("tr");
  // <-- actual answer
});

Ahora en la línea actual anwer acabo de hacer lo siguiente, dando una respuesta a la pregunta original:

tr.click(this.onclick);

Así que busqué el controlador de eventos directamente desde el elemento DOM y lo puse en el controlador de eventos jQuery click. Funciona como un encanto.

Ahora, al caso general. En los viejos días previos a jQuery, se podían asociar todos los eventos a un objeto con dos funciones simples pero poderosas que nos regaló Douglas Crockford :

function walkTheDOM(node, func)
{
  func(node);
  node = node.firstChild;
  while (node)
  {
    walkTheDOM(node, func);
    node = node.nextSibling;
  }
}

function purgeEventHandlers(node)
{
  walkTheDOM(node, function (n) {
    var f;

    for (f in n)
    {
      if (typeof n[f] === "function")
      {
        n[f] = null;
      }
    }
  });
}

Los eventos se pueden recuperar usando:

jQuery(elem).data('events');

O jQuery 1.8+:

jQuery._data(elem, 'events');

Nota: Eventos acotados usando $('selector').live('event', handler) puede ser recuperado usando:

jQuery(document).data('events')

He creado un selector de jQuery personalizado que comprueba tanto la caché de jQuery de controladores de eventos asignados como los elementos que utilizan el método nativo para agregarlos:

(function($){

    $.find.selectors[":"].event = function(el, pos, match) {

        var search = (function(str){
            if (str.substring(0,2) === "on") {str = str.substring(2);}
            return str;
        })(String(match[3]).trim().toLowerCase());

        if (search) {
            var events = $._data(el, "events");
            return ((events && events.hasOwnProperty(search)) || el["on"+search]);
        }

        return false;

    };

})(jQuery);

Ejemplo:

$(":event(click)")

Esto devolverá los elementos que tienen un controlador de clics adjunto a ellos.

Otra forma de hacerlo es simplemente usar jQuery para agarrar el elemento, luego pasar por Javascript real para obtener y establecer y jugar con los controladores de eventos. Por ejemplo:

var oldEventHandler = $('#element')[0].onclick;
// Remove event handler
$('#element')[0].onclick = null;
// Switch it back
$('#element')[0].onclick = oldEventHandler;

Pruebe el plugin jquery debugger si está utilizando chrome: https://chrome.google.com/webstore/detail/jquery-debugger/dbhhnnnpaeobfddmlalhnehgclcmjimi?hl=en

Para comprobar si hay eventos en un elemento:

var events = $._data(element, "events")

Tenga en cuenta que esto solo funcionará con controladores de eventos directos, si está utilizando $(document).on ("event-name", "jq-selector", function() { //logic}), querrá ver la función GetEvents en la parte inferior de esta respuesta

Por ejemplo:

 var events = $._data(document.getElementById("myElemId"), "events")

O

 var events = $._data($("#myElemId")[0], "events")

Ejemplo Completo:

<html>
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
        <script>
            $(function() {
                $("#textDiv").click(function() {
                    //Event Handling
                });
                var events = $._data(document.getElementById('textDiv'), "events");
                var hasEvents = (events != null);
            });
        </script>
    </head>
    <body>
        <div id="textDiv">Text</div>
    </body>
</html>

Una forma más completa de comprobar, que incluye oyentes dinámicos, instalado con $(document).el

function getEvents(element) {
    var elemEvents = $._data(element, "events");
    var allDocEvnts = $._data(document, "events");
    for(var evntType in allDocEvnts) {
        if(allDocEvnts.hasOwnProperty(evntType)) {
            var evts = allDocEvnts[evntType];
            for(var i = 0; i < evts.length; i++) {
                if($(element).is(evts[i].selector)) {
                    if(elemEvents == null) {
                        elemEvents = {};
                    }
                    if(!elemEvents.hasOwnProperty(evntType)) {
                        elemEvents[evntType] = [];
                    }
                    elemEvents[evntType].push(evts[i]);
                }
            }
        }
    }
    return elemEvents;
}

Ejemplo de uso:

getEvents($('#myElemId')[0])