jquery

を使用したイベントバインディングを取得することが多いため、ユーザーの相互作用に応答するためにイベントハンドラーを要素に添付することがよくあります。 jQueryは、イベントを要素にバインドする便利な方法を提供しますが、特定の要素にバインドされたすべてのイベントのリストをどのように取得できますか？

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

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

を取得するために、jqueryは$ ._データメソッドを提供します。この方法は、jQueryに縛られたイベントを含む要素に関連付けられた内部データにアクセスするために使用できます。 $ ._データの出力は、要素に縛られたイベントを含むオブジェクトになります。各イベントは、ハンドラーの配列として表されます。たとえば、上記のコードの結果は次のように見える場合があります。

{ 「クリック」：[function（）{alert（ 'clicked'）; }]、 「マウスオーバー」：[function（）{alert（ 'mouse over'）; }] }

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

を使用することもできます。 Chromeでは、コンソールでイベントハンドラーを右クリックして「機能定義を表示」を選択すると、イベントハンドラーが定義されているコードが表示されます。