Event.target

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

参见