Event.target
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2021.
Event
接口的 target
只读属性是对事件分派到的对象的引用。当事件处理器在事件的冒泡或捕获阶段被调用时,它与 event.currentTarget
不同。
值
与 EventTarget
有关。
示例
event.target
属性可以用来实现事件委托 (event delegation)。
js
// Make a list
var ul = document.createElement("ul");
document.body.appendChild(ul);
var li1 = document.createElement("li");
var li2 = document.createElement("li");
ul.appendChild(li1);
ul.appendChild(li2);
function hide(e) {
// e.target 引用着 <li> 元素
// 不像 e.currentTarget 引用着其父级的 <ul> 元素。
e.target.style.visibility = "hidden";
}
// 添加监听事件到列表,当每个 <li> 被点击的时候都会触发。
ul.addEventListener("click", hide, false);
规范
Specification |
---|
DOM Standard # ref-for-dom-event-target③ |
浏览器兼容性
BCD tables only load in the browser