事件:target 屬性

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來,各瀏覽器均已提供此特性。

注意:此功能在 Web Workers 中可用。

Event 介面的只讀 target 屬性是對事件分派到的物件的引用。當在事件的冒泡或捕獲階段呼叫事件處理程式時,它與 Event.currentTarget 不同。

相關的 EventTarget

示例

event.target 屬性可用於實現事件委託

js
// Make a list
const ul = document.createElement("ul");
document.body.appendChild(ul);

const li1 = document.createElement("li");
const li2 = document.createElement("li");
ul.appendChild(li1);
ul.appendChild(li2);

function hide(evt) {
  // evt.target refers to the clicked <li> element
  // This is different from evt.currentTarget, which would refer to the parent <ul> in this context
  evt.target.style.visibility = "hidden";
}

// Attach the listener to the list
// It will fire when each <li> is clicked
ul.addEventListener("click", hide);

規範

規範
DOM
# ref-for-dom-event-target③

瀏覽器相容性

另見