[JS] currentTarget.value과 target.value

나는 이 때까지 e.target.value만 써 왔는데 currentTarget를 알아버렸다. 무슨 차이일까?
MDN currentTarget 문서를 살펴보자.

currentTarget : An EventTarget representing the object to which the current event handler is attached.
==> 현재 이벤트 핸들러가 부착된 오브젝트

즉, 이벤트의 발생 target의 value만 가져오는 것이 아니라, 이벤트 핸들러가 부여된 덩어리 value를 가져오게 하는 것이다. 요약하자면 이 둘이 event가 발생 시, target을 가져오는 범위가 다르다.

예시

• target

  이벤트가 부착된 엘리먼트의 하위(자식) 요소만 리턴

• currentTarget

  이벤트가 부착된 엘리먼트 요소까지 모두 리턴