jQuery の要素にバインドされたイベント ハンドラーのリストを取得する方法

jQuery の要素にバインドされたイベント ハンドラーのリストを取得する

2 つのイベントが属する ID「elm」を持つ HTML 要素を考えます。ハンドラーがアタッチされます。1 つはクリック イベント用、もう 1 つはマウスオーバー イベント用です。この要素に関連付けられたすべてのイベント ハンドラーのリストを取得することが望ましい場合があります。

最新バージョンの jQuery でこれを実現するには、$._data メソッドを利用できます。このメソッドは、jQuery によってバインドされたイベントを含む、jQuery オブジェクトに関連付けられた内部データへのアクセスを提供します。ただし、$._data は内部使用のみを目的としていることに注意することが重要です。

次のコードは、$._data を使用して、ID が「elm」の要素にバインドされたイベントを一覧表示する方法を示しています。

// Bind event handlers to element
$('#elm').click(_f);
$('#elm').mouseover(_m);

// Retrieve events bound to element
$._data($('#elm')[0], "events");

$._data の結果は、バインドされたすべてのイベントを含むオブジェクトになります。各イベントのオブジェクト プロパティはイベント タイプに対応し、値はイベント ハンドラーの配列に対応します。

イベント ハンドラーをさらに分析するには、Chrome でハンドラー関数を右クリックし、 「関数定義を表示します。」このアクションにより、ユーザーのコード内でハンドラーが定義されている正確な場所が明らかになります。

以上がjQuery の要素にバインドされたイベント ハンドラーのリストを取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。