인프런 커뮤니티 질문&답변
작성한 질문수
.jpg?w=112&f=avif)
dom_event_bubbling 질문있습니다!
작성
·
229
0
수업 잘 듣고 있습니다.
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)을 사용하여 이벤트 버블링 경로를 확인할 수 있습니다. 이를 활용하면 원하시는 결과를 얻을 수 있을 것입니다.
또한, 브라우저 호환성 문제로 인하여 원하시는 결과를 얻지 못하는 경우에는 다른 브라우저를 사용하시거나 다른 방식으로 이벤트 버블링 경로를 추적해보시는 것을 권장합니다.
감사합니다!