[Javascript]event.currentTarget 이란?

[Javascript]event.currentTarget 이란?

 

event.currentTarget은 이벤트 핸들러를 명시적으로 연결하는 요소입니다.

 

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>

 

JS를 조금 바꾸겠습니다.

 

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

 

버튼을 클릭하면 버튼을 클릭해도 가장 바깥쪽 디브 마크업이 기록됩니다. 이 예에서는 event.currentTarget이 이벤트 핸들러를 연결하는 요소라고 결론을 내릴 수 있습니다.