如何使用 jQuery 和 JavaScript 從事件監聽器取得元素的 ID？

使用jQuery 和JavaScript 在事件監聽器中獲取元素的ID

為了有效地處理JavaScript 中的事件交互，識別負責的元素這次事件至關重要。以下是如何使用 jQuery 和 vanilla JavaScript 來擷取觸發事件的元素的 ID。

jQuery Approach

jQuery 提供了一種有效的方法來存取目標元素，觸發了一個事件。在事件偵聽器函數中，事件參數包含幾個有用的屬性。其中一個屬性是 event.target，它直接引用發起事件的元素。

要擷取元素的ID，只要使用以下語法：

event.target.id

範例：

$(document).ready(function() {
  $("a").click(function(event) {
    alert(event.target.id);
  });
});

普通JavaScript方法

雖然jQuery 簡化了這個過程，但普通JavaScript提供了另一種存取觸發元素 ID 的方法。目前目標元素總是會作為普通 JavaScript 中事件偵聽器的第一個參數傳遞。此參數可以任意命名，但 event 是通用約定。

要獲取元素的ID，請使用以下命令語法：

event.target.id

示例：

document.addEventListener("click", function(event) {
  alert(event.target.id);
});

注意：

必須考慮事件物件不是普通JavaScript 方法中的jQuery 物件。若要在目標元素上使用 jQuery 函數，請將其包裝在 $() 語法中：

$(event.target).append(" Clicked");

以上是如何使用 jQuery 和 JavaScript 從事件監聽器取得元素的 ID？的詳細內容。更多資訊請關注PHP中文網其他相關文章！