[Java Script] Event target

웹 개발 기능 숙제를 하면서 

event.target를 사용하는데 대충 이벤트가 발생한 요소의 정보를 가져온다는 정도로

이해하고 있었는데  이벤트를 이용하면서 원하는 결과 값이 안 나올 때가 있어서  

한번 제대로 정리해야겠다 생각이 들었다. 

 

 

Event target : 이벤트가 발생한 요소의 데이터 값을 반환해준다. 

event.target(=e.target)

 

근데 그냥 기본형태로 사용하면 해당 요소 (HTML)을 가져오게되는데

 

특정 데이터의 속성값을 가져오고 싶다면

e.target.dataset.속성;

처럼 사용하면 e.target이 이벤트가 발생한 요소의 정보를 가져오고  지정된 속성 값을 통해 

그 요소의 속성 정보를 가져오게 된다.