[JS] this와 이벤트 객체

this

function clickHandler(){
      console.log(this)
}

이벤트 객체

이벤트리스너 함수를 실행하면 매개변수 event 객체가 자동으로 들어온다
발생한 이벤트에 대한 (완전 많은)속성을 갖고 있음!!

function clickHandler(e){
    // console.log(this)
    console.log(e)
}

e.currentTarget (= this)

this === e.currentTarget
콘솔 찍어보면 둘은 같다!

어딜 찍어도 결국 찍히는 건 이벤트가 등록되어있는 바로 걔(객체)라고 생각하기
여기서는 찍히는 것은 항상 char

char.addEventListener('click', clickHandler);```

```js
function clickHandler(e){
    console.log(this)
    console.log(e.currentTarget)
}

e.target

객체 말고 내가 클릭한 걸 알고 싶어
e.currentTarget 말고 e.target

function clickHandler(e){
    // console.log(this);
    // console.log(e.currentTarget);
    console.log(e.target);
}