事件:目标属性
注意:此功能在 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, false);
规范
规范 |
---|
DOM 标准 # ref-for-dom-event-target③ |
浏览器兼容性
BCD 表格仅在启用 JavaScript 的浏览器中加载。