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
속성을 사용하여 이벤트 위임을 구현할 수 있습니다.
js
// 목록 생성
const ul = document.createElement("ul");
document.body.appendChild(ul);
const li1 = document.createElement("li");
const li2 = document.createElement("li");
ul.appendChild(li1);
ul.appendChild(li2);
function hide(evt) {
// e.target은 사용자가 클릭한 <li> 요소를 가리킴
// 여기서 e.currentTarget은 부모인 <ul>을 가리킬 것
evt.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