Abrufen von Ereignisbindungen mit jQuery

In der Webentwicklung müssen Ereignishandler an Elementen angehängt werden, um auf Benutzerinteraktionen zu reagieren. JQuery bietet eine bequeme Möglichkeit, Ereignisse an Elemente zu binden. Wie können Sie jedoch eine Liste aller Ereignisse abrufen, die an ein bestimmtes Element gebunden sind?

$ (function () { $ ('#elm'). click (_f); $ ('#elm'). mouseover (_m); }); Funktion _f () {alert ('klickte'); } function _m () {alert ('Maus über'); }

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

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

, um eine Liste von Ereignissen zu erhalten, die an ein Element gebunden sind, bietet JQuery die $ ._ -Datenmethode an. Diese Methode kann verwendet werden, um auf interne Daten zugreifen, die dem Element zugeordnet sind, einschließlich aller von jQuery gebundenen Ereignisse.

$ ._ Data ($ ('#elm') [0], "Ereignisse");

Die Ausgabe von $ ._ Daten ist ein Objekt, das die an das Element gebundenen Ereignisse enthält. Jedes Ereignis wird als eine Reihe von Handlern dargestellt. Zum Beispiel könnte das Ergebnis aus dem obigen Code so aussehen wie:

{ "klicken": [function () {alert ('geklickt'); }], "Mausover": [function () {alert ('Maus über'); }] }

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

In modernen Versionen von JQuery sind $ ._ Daten eine interne Methode. Um Ereignisbindungen abzurufen, können Sie auch die Ereignis -Bubbling Viewer

in den Entwickler -Tools Ihres Browsers verwenden. In Chrome klicken Sie mit der rechten Maustaste auf einen Ereignis-Handler in der Konsole und die Auswahl der "Funktionsfunktionsdefinition" enthält den Code, in dem der Ereignishandler definiert ist.

.