[Javascript]Event.target 이란?

[Javascript]Event.target 이란?

 

간단히 말해 event.target은 이벤트가 발생한 요소 또는 이벤트를 트리거한 요소입니다.

 

HTML 마크업을 샘플링합니다.

 

<div onclick="clickFunc(event)" style="text-align: center;margin:15px;
border:1px solid red;border-radius:3px;">
    <div style="margin: 25px; border:1px solid royalblue;border-radius:3px;">
        <div style="margin:25px;border:1px solid skyblue;border-radius:3px;">
          <button style="margin:10px">
             Button
          </button>
        </div>
    </div>
  </div>

 

JavaScript 샘플입니다.

 

 function clickFunc(event) {
  console.log(event.target);
}

 

버튼을 클릭하면 버튼 마크업이 기록됩니다. 가장 바깥쪽 눈금에 이벤트를 첨부해도 버튼 마크업이 항상 기록되므로 event.target이 이벤트를 트리거한 요소라고 결론을 내릴 수 있습니다.