jQuery を使用して HTML 要素にバインドされたイベント ハンドラーを取得する方法

jQuery を使用して HTML 要素にバインドされたイベント ハンドラーを検索する

指定されたシナリオでは、2 つのイベント ハンドラー (クリックとマウスオーバー) がバインドされています。 ID が「elm」の要素に追加すると、jQuery はこれらのバインドされたイベントのリストを取得する方法を提供します。

jQuery の $._data メソッドを使用した解決策

最新バージョンjQuery では、jQuery によって要素に添付されたデータにアクセスできる $._data と呼ばれる内部使用メソッドが提供されています。イベント ハンドラーの場合、このデータにはバインドされたイベントが含まれます。

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

// Retrieve events using $._data
var events = $._data($("#elm")[0], "events");

イベント オブジェクトには、要素にバインドされた各イベントのキーが含まれます。各キーは、クリックやマウスオーバーなどのイベント タイプに対応します。各キーに関連付けられた値は、そのタイプのイベント ハンドラーの配列です。

イベント ハンドラー定義へのアクセス

Chrome では、右の方法でさらに深い洞察を得ることができます。ハンドラー関数をクリックし、「関数定義の表示」を選択します。このアクションにより、ハンドラーが定義されているソース コードが開き、その実装を明確に理解できるようになります。

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