event.currentTarget

Event 接口的只读属性 currentTarget 表示的,标识是当事件沿着 DOM 触发时事件的当前目标。它总是指向事件绑定的元素,而 Event.target 则是事件触发的元素。

语法

var currentEventTarget = event.currentTarget;

Value

EventTarget

例子

当将相同的事件处理程序附加到多个元素时 event.currentTarget 就很有用。

function hide(e){
  e.currentTarget.style.visibility = "hidden";
  console.log(e.currentTarget);
  // 该函数用作事件处理器时: this === e.currentTarget
}

var ps = document.getElementsByTagName('p');

for(var i = 0; i < ps.length; i++){
  // console: 打印被点击的p元素
  ps[i].addEventListener('click', hide, false);
}
// console: 打印body元素
document.body.addEventListener('click', hide, false);

规范

Specification Status Comment
DOM
Event.currentTarget
Living Standard
DOM4
Event.currentTarget
Obsolete
Document Object Model (DOM) Level 3 Events Specification
current event target
Obsolete
Document Object Model (DOM) Level 2 Events Specification
Event.currentTarget
Obsolete Initial definition

浏览器兼容性

BCD tables only load in the browser

参考