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