事件:target 屬性
注意:此功能在 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③ |
瀏覽器相容性
載入中…