dom_event_bubbling 질문있습니다!
310
4 asked
수업 잘 듣고 있습니다.
dom_event들 중에서 bubbling에서 console.log(event.path)실행하는 부분에서 강사님께서 실행하시면 바로 path가 나오는데 저는 코드를 똑같이 썼는데도 실행하면 undefined로 나타납니다.
var: event | undefined 라고 떠있는데 무슨 문제인지 잘 모르겠습니다!
저는 참고로 windows edge로 실행하고있습니다.
Answer 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)을 사용하여 이벤트 버블링 경로를 확인할 수 있습니다. 이를 활용하면 원하시는 결과를 얻을 수 있을 것입니다.
또한, 브라우저 호환성 문제로 인하여 원하시는 결과를 얻지 못하는 경우에는 다른 브라우저를 사용하시거나 다른 방식으로 이벤트 버블링 경로를 추적해보시는 것을 권장합니다.
감사합니다!
존재하지 않는 일기 url입력 시 alert이 두 번 떠요
0
18
1
useState 직접 구현 부분에서 질문이 있습니다.
1
25
1
학습을 하고 블로그에 정리를 해도 괜찮을까요?
1
28
1
교재(3쇄)와 강의 내용 문의
0
30
2
섹션2번 부분 강의 화면이 잘 못된것 같아서 문의합니다.
0
23
1
call stack 표현이 잘못표현된것이 아닌가요?
0
66
2
React 와 Virtual DOM 의 이야기 영상 실행이 안됩니다.
0
34
1
일반 강의와 차이점?
1
53
1
!= 연산자의 역할
0
35
1
중요하진 않지만 설명하신부분에서 안된부분..
1
37
1
강의 듣는 순서가 어떻게 되나요?
0
50
1
stopPropagation()에 대해서 질문 있습니다.
0
50
2
12.13) 하단 여백 스타일링 관련 질문 드립니다.
0
65
2
27강 Context내 RSC 사용 관련 문의
0
85
3
혹시 다음 강의 제작 예정된 것들이 있을까요?
0
81
1
Enable Linting 항목을 찾을수가 없습니다.
0
46
2
에러 질문드립니다
0
63
2
CRUD 중 like 검색이 안되는거 같아요.
0
184
1
Array 객체 내장 함수 sort함수()
0
278
1
혹시 VS code입력내용 그대로 적힌 자료공유해주실수 있나요 ?(깃허브등)
0
190
1
CRUD
0
360
1
switch-case문 질문있습니다!
0
201
1
POST요청 undefined
0
423
1
CRUD 구현에 대한 질문
0
382
1