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

같이 보기