dom_event_bubbling 질문있습니다!
319
작성한 질문수 4
수업 잘 듣고 있습니다.
dom_event들 중에서 bubbling에서 console.log(event.path)실행하는 부분에서 강사님께서 실행하시면 바로 path가 나오는데 저는 코드를 똑같이 썼는데도 실행하면 undefined로 나타납니다.
var: event | undefined 라고 떠있는데 무슨 문제인지 잘 모르겠습니다!
저는 참고로 windows edge로 실행하고있습니다.
답변 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
24
1
강의 노트 위주로 학습
0
34
1
쿠키 생성 관련
0
63
3
JWT auth error invalid token
0
57
2
경력기술서는 어떤 방향이 좋을까요?
0
51
2
MSA 와 BFF 아키텍처 설명 부분에 대한 문의
0
48
1
eslint.config.js 설정 질문입니다.
0
62
2
7강 흐름 제어 아키택쳐 코드 순서
1
52
1
수업자료 어디서 찾아볼 수 있나요?
0
47
2
함수 강의의 정답.. 어떤가요?
0
39
1
깃권한요청드립니다
0
39
1
<div id="banner">배너 이미지</div> 관련 질문
0
33
1
강의자료
0
40
1
윈도우에서 Node js를 설치하고 싶어요
0
37
0
addToFile function에서 path를 사용해 새로운 파일을 생성
0
45
1
[46강] EventEmitter를 활용한 10가지 패턴 중 플러그인 아키텍처
0
42
2
강의가 누락된것 같습니다.
0
48
2
CRUD 중 like 검색이 안되는거 같아요.
0
197
1
Array 객체 내장 함수 sort함수()
0
291
1
혹시 VS code입력내용 그대로 적힌 자료공유해주실수 있나요 ?(깃허브등)
0
204
1
CRUD
0
374
1
switch-case문 질문있습니다!
0
207
1
POST요청 undefined
0
433
1
CRUD 구현에 대한 질문
0
384
1