[JavaScript] eventListener 에서 this 의 의미 (3) + e.currentTarge 의 뜻

 

 

💜 요약

메소드의 this	엄마{}
window 의 this	window{}
전역 function 의 this	window{} (=엄마{})
constructor 의 this	instance (=새로 만들어지는 아가 object)
eventListener 의 this	e.currentTarget (=지금 이벤트가 동작하는 html 태그)

 

 

 

💜 this 의 뜻5_eventListener

 

eventListener 의 this: e.currentTarget (=지금 이벤트가 동작하는 html 태그)

 

이벤트리스너를 달기 위해 버튼을 만들고 id 값을 '잉' 으로 설정해줬다.

<button id="잉">잉</button>

<script>

    document.getElementById('잉').addEventListener('click',function(e){
        console.log(this);  
        console.log(e.currentTarget);
    });
    
</script>

잉이 만들어졌다.

 

 

 

 

만들어진 버튼을 클릭하면 this 와 e.currentTarget 이 출력될 것이당

둘 다 같은 값이 출력되고

그 값은 지금 이벤트가 동작하는 html 태그이다..