recuperando los enlaces de eventos con jQuery

en el desarrollo web, a menudo es necesario adjuntar los manejadores de eventos a los elementos para responder a las interacciones del usuario. jQuery proporciona una forma conveniente de vincular eventos a elementos, pero ¿cómo puede recuperar una lista de todos los eventos vinculados a un elemento específico?

Considere el siguiente ejemplo en el que dos manejadores de eventos están vinculados a un enlace:

$(function() {
  $('#elm').click(_f);
  $('#elm').mouseover(_m);
});

function _f() { alert('clicked'); }
function _m() { alert('mouse over'); }

recuperando eventos vinculados

para obtener una lista de eventos vinculados a un elemento, jQuery ofrece el método de datos $ ._. Este método se puede utilizar para acceder a datos internos asociados con el elemento, incluidos los eventos vinculados por jQuery.

$._data($('#elm')[0], "events");

La salida de $ ._ Los datos serán un objeto que contenga los eventos vinculados al elemento. Cada evento se representa como una serie de manejadores. Por ejemplo, el resultado del código anterior podría parecer:

{
  "click": [function() { alert('clicked'); }],
  "mouseover": [function() { alert('mouse over'); }]
}

Exploration más

en versiones modernas de jQuery, $ ._ Los datos es un método de uso interno. Para recuperar los enlaces de eventos, también puede usar el Visor Bubbling Bubbling en las herramientas de desarrollador de su navegador. En Chrome, hacer clic con el botón derecho en un controlador de eventos en la consola y seleccionar "Definición de función de vista" revelará el código donde se define el controlador de eventos.