dev_in 개발 블로그

  • 홈
  • 태그
  • 방명록

2026/04/13 1

event.target과 event.currentTarget의 차이점(+ 이벤트 버블링)

event.target과 event.currentTarget은 모두 이벤트 객체의 속성이며, 각각 "이벤트가 실제로 발생한 요소" 와 "이벤트 리스너가 연결된 요소" 를 가리킵니다. 이 둘의 차이점을 이해하려면 이벤트 버블링을 알아야 합니다. 이벤트는 특정 요소에서 발생한 후 부모 요소들로 전파되는 과정(버블링)을 거치는데, 이 과정에서 target과 currentTarget이 다르게 동작합니다. 예를 들어, 부모 요소에 이벤트 리스너를 등록했지만 자식 요소에서 이벤트가 발생하여 버블링된 상황에서, target은 "이벤트가 발생한 요소"인 자식 요소를 가리킵니다. 반면, currentTarget은 "이벤트 리스너가 연결된 요소"인 부모 요소를 가리킵니다. target은 “사용자가 직접 상호작용한, 즉 ..

개발 관련 토막지식 2026.04.13
이전
1
다음
더보기
프로필사진

dev_in 개발 블로그

dev_in님의 개발 공부 블로그 입니다.

  • 분류 전체보기 (89) N
    • 코딩 테스트 공부 (12)
    • 프로젝트 최종 회고록 (2)
    • 개발 관련 토막지식 (39)
    • 코드잇 중급 프로젝트 데일리 회고록 (9)
    • 코드잇 심화 프로젝트 회고록 (4)
    • 최종 프로젝트 리팩토링 (2)
    • 개인 프로젝트 MenuMate (21) N

Tag

코딩 테스트, 웹, 무한 데이터 스트림 생성, auto batching, 프론트엔드, 자바스크립트 문법, 성능 최적화, 자바스크립트 메서드, 배열, 정규 표현식, 리액트, 브라우저 환경, 자바스크립트 메소드, 자바스크립트, 개발공부, 개발관련 토막지식, 렌더링 관리, 개발 팀프로젝트, props, 메서드,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/04   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바