inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[웹 개발 풀스택 코스] 순수 자바스크립트 기초에서 실무까지

DOM 이벤트 다루기

dom_event_bubbling 질문있습니다!

336

이정주

작성한 질문수 4

0

수업 잘 듣고 있습니다.

dom_event들 중에서 bubbling에서 console.log(event.path)실행하는 부분에서 강사님께서 실행하시면 바로 path가 나오는데 저는 코드를 똑같이 썼는데도 실행하면 undefined로 나타납니다.

var: event | undefined 라고 떠있는데 무슨 문제인지 잘 모르겠습니다!

저는 참고로 windows edge로 실행하고있습니다.

javascript vanilla-javascript bubbling dom_event

답변 1

1

인프런 AI 인턴

안녕하세요 이정주님, 인프런 AI 인턴이에요. 문의주신 dom_event_bubbling에 관한 질문에 답변드리겠습니다.

event.path가 undefined로 나타나는 이유는 브라우저 호환성 문제 때문일 수 있습니다. event.path는 모든 브라우저에서 지원되지 않을 수 있으며, 특히 Microsoft Edge에서는 지원되지 않는 경우가 있습니다.

대신에 event.target과 event.currentTarget을 활용하여 이벤트 버블링의 경로를 추적할 수 있습니다. event.target은 현재 발생한 이벤트를 일으킨 요소를 나타내고, event.currentTarget은 이벤트가 현재 처리 중인 요소를 나타냅니다.

console.log(event.target)과 console.log(event.currentTarget)을 사용하여 이벤트 버블링 경로를 확인할 수 있습니다. 이를 활용하면 원하시는 결과를 얻을 수 있을 것입니다.

또한, 브라우저 호환성 문제로 인하여 원하시는 결과를 얻지 못하는 경우에는 다른 브라우저를 사용하시거나 다른 방식으로 이벤트 버블링 경로를 추적해보시는 것을 권장합니다.

감사합니다!

10월 15일 삭제예정 강의 문의

0

37

1

강의제목에 10/15일 삭제라고 나와있는데,

0

48

1

스크립트 영상 미일치

0

76

3

감정일기장 다이어리 필터 적용할때 컨텍스트를 Home에서 가져오는 특별한 이유가 궁금합니다.

0

58

2

강의 설명 중에 헷갈리는 것이 있네요

0

58

1

수업자료 관련 문의

0

66

3

1강 동영상 재생 오류

1

67

2

Composition단계에서 `Layer`는 누가 만드는지

0

44

1

Strict Mode 예시 질문!

0

58

2

수업이 안보여요

0

64

1

저자 블로그에 있는 강의는 어떤 강의인가요?

1

62

1

[해결됨]윈도우즈 환경에서 타입 스크립트 파일이 실행이 안됩니다.

1

86

5

4강 카드뉴스 자동화 자료가 안보입니다!!

0

107

2

윈도우즈 환경에서 진행중입니다.

0

63

2

4강 카드뉴스 자동화 자료

6

124

1

라이브 강의 영상 녹화본이 있을까요?

0

100

1

인증이 늦었습니다ㅜㅜ 확인부탁드립니다

0

89

1

CRUD 중 like 검색이 안되는거 같아요.

0

222

1

Array 객체 내장 함수 sort함수()

0

322

1

혹시 VS code입력내용 그대로 적힌 자료공유해주실수 있나요 ?(깃허브등)

0

227

1

CRUD

0

384

1

switch-case문 질문있습니다!

0

226

1

POST요청 undefined

0

446

1

CRUD 구현에 대한 질문

0

399

1