dom_event_bubbling 질문있습니다!
321
4 câu hỏi đã được viết
수업 잘 듣고 있습니다.
dom_event들 중에서 bubbling에서 console.log(event.path)실행하는 부분에서 강사님께서 실행하시면 바로 path가 나오는데 저는 코드를 똑같이 썼는데도 실행하면 undefined로 나타납니다.
var: event | undefined 라고 떠있는데 무슨 문제인지 잘 모르겠습니다!
저는 참고로 windows edge로 실행하고있습니다.
Câu trả lời 1
1
안녕하세요 이정주님, 인프런 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)을 사용하여 이벤트 버블링 경로를 확인할 수 있습니다. 이를 활용하면 원하시는 결과를 얻을 수 있을 것입니다.
또한, 브라우저 호환성 문제로 인하여 원하시는 결과를 얻지 못하는 경우에는 다른 브라우저를 사용하시거나 다른 방식으로 이벤트 버블링 경로를 추적해보시는 것을 권장합니다.
감사합니다!
자료집 관련
0
3
1
13. (App 2) 기본기 훈련 에서
0
11
1
챌린지 시작일 문의
0
14
0
2. 어떤 도구를 사용하는 것이 가장 유리할까? 강의 중
0
15
1
11차시 Antigravity IDE 설치 후
0
17
1
처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법
0
15
1
5,6,7,8 내용이 없어요
0
14
1
ThemeProvider를 이용해서 NextThemeProvider를 따로 생성하여 Layout.tsx에 적용하는 이유는 뭘까요?
0
13
1
mission 09-01 을 수행할 수 없어요
0
20
1
Context API vs Zustand 그리고 Auth
0
34
2
순수 함수 / 순수 컴포넌트
0
22
1
css box-sizing 관련 질문
0
33
2
스니펫이 이상해요
0
32
2
Editor Component의 최적화 불가능 이슈
0
37
2
useCallback ⊂ useMemo
0
34
2
깃허브 저장소를 어디에 첨부하셨나요?
1
39
1
nestjs 강의는 없나요??
1
41
2
CRUD 중 like 검색이 안되는거 같아요.
0
203
1
Array 객체 내장 함수 sort함수()
0
302
1
혹시 VS code입력내용 그대로 적힌 자료공유해주실수 있나요 ?(깃허브등)
0
207
1
CRUD
0
377
1
switch-case문 질문있습니다!
0
210
1
POST요청 undefined
0
435
1
CRUD 구현에 대한 질문
0
386
1