Event.currentTarget

Event 介面的唯讀屬性 currentTarget 會標明事件指向(current target)、還有該事件所遍歷的 DOM。屬性總會指向當時處理該事件的事件監聽器所註冊的 DOM 物件,而 event.target 屬性則是永遠指向觸發事件的 DOM 物件。

範例

event.currentTarget 在把相同的事件監聽器,附加到多個元素時,會出現很有趣的事情:

js
function hide(e) {
  e.currentTarget.style.visibility = "hidden";
  // 在這個函式用於事件監聽器時: this === e.currentTarget
}

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

for (var i = 0; i < ps.length; i++) {
  ps[i].addEventListener("click", hide, false);
}

// 單擊四周的話 p 元素就會消失

規範

Specification
DOM Standard
# ref-for-dom-event-currenttarget②

瀏覽器相容性

BCD tables only load in the browser

參見