[JavaScript] e.target

e.target(event.target)?

여기서 e는 이벤트 객체를 나타내며, target은 이벤트가 발생한 요소를 가리킵니다.

이벤트 리스너를 사용할 때, 예를 들어 addEventListener 메소드를 통해, 이벤트가 발생하는 특정 요소를 추적하고자 할 때 e.target이 사용됩니다. 

예를 들어, 버튼 클릭 이벤트를 처리하는 경우, e.target은 해당 버튼 요소를 참조합니다. 

이를 통해 개발자는 클릭된 특정 요소의 정보를 얻고, 그에 따라 다른 작업을 수행할 수 있습니다.

 

e.target은 특히 이벤트 위임(event delegation)에서 중요합니다. 

이벤트 위임은 하나의 부모 요소에 이벤트 리스너를 추가하고, 그 자식 요소들의 이벤트를 처리하는 방식입니다. 

이때 e.target을 사용하면, 어떤 자식 요소가 실제로 이벤트를 발생시켰는지 파악할 수 있습니다.

예를 들어, 여러 개의 리스트 항목이 있는 경우, 각 항목에 개별적으로 이벤트 리스너를 추가하는 대신, 리스트의 부모 요소에 하나의 리스너를 추가하고 e.target을 사용하여 클릭된 항목을 구별할 수 있습니다.

e.target의 사용은 코드의 효율성을 높이고, 이벤트 핸들링을 더 유연하게 만들어 줍니다.