辨識事件來源
當事件發生時,通常需要確定觸發它的元素的身份。這對於根據事件來源執行特定操作特別有用。
在 jQuery 中,可以利用 event.target 屬性來取得觸發事件的元素的 ID。此屬性表示事件的直接來源。
範例實作
考慮以下JavaScript 程式碼:
$(document).ready(function() { $("a").click(function(event) { var elementId = event.target.id; console.log("ID of the element that fired the event: " + elementId); }); });
在此程式碼中,當一個按一下元素,將呼叫點選事件處理程序。將事件參數傳遞給處理程序,並檢索 event.target.id 屬性以取得被點擊元素的 ID。然後,此 ID 會記錄到控制台進行顯示。
注意:
event.target 屬性引用實際的 DOM 元素。若要對元素執行 jQuery 操作,必須使用 $(this) 將其包裝在 jQuery 物件中。例如:
$(document).ready(function() { $("a").click(function(event) { $(this).append(" Clicked"); }); });
以上是如何識別 jQuery 事件的來源元素?的詳細內容。更多資訊請關注PHP中文網其他相關文章!