[js]Event target

K00·2022년 9월 13일
0

addEventListener 메소드에서 지정한 이벤트 핸들러는 콜백 함수이지만 이벤트 핸들러 내부의 this는 이벤트 리스너에 바인딩된 요소(currentTarget)를 가리킨다.

이것은 이벤트 객체의 currentTarget 프로퍼티와 같다.
(= tag를 가르킴 (단 화살표함수는 window임)

document.querySelector("button").addEventListener("click", function (e){
      print()
      console.log(this === e.currentTarget); //true
  //헐! 두 값이 같음 this 가 tag에 바인딩 되있음
      console.log(e.currentTarget);
      console.log(this);
    });

e.target
e.currentTarget
this

0개의 댓글