currentTarget

• addEventListener가 부착된 곳
• this와 같은 값을 반환

target

• 이벤트가 발생한 요소 (실제적으로 클릭 된 부분)
• 이벤트 버블링의 가장 하위요소

예제

<div id="test">
  <span>문장1</span>
  <p>문장2</p>
</div>
<script>
const myDiv = document.getElementById('mydiv');

test.addEventListener('click',function(e){
	console.log('currentTarget : ',e.currentTarget.tagName)
	console.log('target : ',e.target.tagName)
});
</script>

• Div 클릭 시,
  • currentTarget: 문장1 클릭 시 span, 문장2 클릭 시 p 반환
  • target: div 반환