如何使用 jQuery 檢索特定元素的事件綁定？

使用 jQuery 檢索事件綁定

在 Web 開發中，通常需要將事件處理程序附加到元素以回應使用者互動。 jQuery 提供了一種將事件綁定到元素的便捷方法，但是如何檢索綁定到特定元素的所有事件的清單？

考慮以下範例，其中兩個事件處理程序綁定到連結：

<a href='#'>

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

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

擷取綁定事件

取得以下列表事件綁定到元素，jQuery 提供$._data 方法。此方法可用於存取與元素關聯的內部數據，包括 jQuery 綁定的任何事件。

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

$._data 的輸出將是一個包含綁定到元素的事件的物件。每個事件都表示為一個處理程序陣列。例如，上面程式碼的結果可能如下所示：

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

進一步探索

在現代版本的jQuery 中，$._data 是內部使用的唯一的方法。若要擷取事件綁定，您也可以使用瀏覽器開發人員工具中的事件冒泡檢視器。在 Chrome 中，右鍵單擊控制台中的事件處理程序並選擇「檢視函數定義」將顯示定義該事件處理程序的程式碼。

以上是如何使用 jQuery 檢索特定元素的事件綁定？的詳細內容。更多資訊請關注PHP中文網其他相關文章！