e.currentTarget VS e.target

freshnoon·2020년 6월 24일
0

JavaScript

목록 보기
6/9
post-thumbnail

e.target은 jquery에서도 많이 쓰이는 것이라 자세히는 아니어도 사용방법은 알고 있었다.
javascript를 공부하는중에 e.currentTarget이라는 것을 알게되었다.
어떤 차이점이 있을까 알아보았다.

<div>
    <button>뭐가다른거?</button>
</div>
const div = document.querySelector('div')
    div.addEventListener('click',function(e){ 
        console.log(e.currentTarget); // div 반환
        console.log(e.target); // button 반환
    })    

e.currentTarget === EventListener를 단 대상
e.target === EventListener를 받은 대상

0개의 댓글