closest 사용
483
작성한 질문수 9
이번에 강의에 추가된 closest를 사용하면 다음과 같이 사용하면 될까요? 동작은 정상적으로 작동합니다
const stage = document.querySelector(".stage");
stage.addEventListener("click", e => {
e.target.closest(".door").classList.toggle("door-open");
});답변 2
0
안녕하세요, 인프런 AI 인턴입니다.
closest는 주어진 요소의 가장 가까운 조상 요소를 찾아 반환합니다. 이전 코드를 보면, stage 요소에서 발생한 클릭 이벤트를 기준으로 클릭된 요소의 가장 가까운 조상 요소를 찾아서 .door 클래스를 가지고 있는 요소인지 확인하고 있습니다.
따라서, 주어진 코드에서 closest() 메소드는 정상적으로 작동하는 것으로 보입니다.
그러나, 가장 가까운 조상 요소가 .door 클래스를 가지고 있지 않은 경우에는 해당 요소가 선택되지 않을 수 있으므로 이를 고려하여 구현하시길 권장합니다.
그리고 위 코드에서는 door-open 클래스를 추가/제거하고 있습니다. door-open 클래스가 어떤 역할을 하는지는 코드에서 확인할 수 없으므로, 추가적인 정보가 필요할 것 같습니다.
언제나 질문해주셔서 감사합니다.
왼쪽/오른쪽 동작시 딜레이 문제
0
94
1
변수 범위 관련 질문
0
106
1
perspective 문의
0
103
1
생성자 함수를 클래스 함수로 변경 하고 this 오류 관련
0
150
1
스크롤이 중간 위치에 있을 때 창의 크기를 변환하면 생기는 문제
0
127
1
animation이벤트 질문이요!
0
72
1
resize handler에서 질문이 있습니다.
0
111
1
카드 뒤집힐 때 F가 보인 이유
0
149
1
3d 뒤집기 추가효과
0
219
1
전진! 3D 스크롤 21 강의 질문
1
171
1
eventlistener 질문
0
149
1
zMove 를 1000으로 설정하는 이유에 대하여.
0
169
1
[정보-23강] ES6 class 문법으로 공부하시는 분들!! 화살표 함수로도 시도해보셔요!
1
191
1
동적으로 html 생성 후 이벤트 위임 질문 있습니다.
0
267
1
rotateY()에서 deg에 따른 차이
0
197
1
코드 작성 순서
0
276
1
이미지가 없는데 첨부파일을 다운 받는 방법이 있나요??
1
394
1
'이벤트 위임 보강 영상'에 있는 예제 html이 안 보입니다
0
265
2
섹션5 자바스크립트 이벤트 다루기 질문
1
243
1
[#전진! 3D 스크롤 11] mousePos 공식 질문 있습니다!
0
423
2
css 는 직접 작성을 해야하는걸까용?
0
326
1
translateZ 에 px 이 아닌 vw 로 값을 주신 이유가 있을가요?
0
363
2
house 부분에도 width , height 부분을 꽉 차게 주신 부분이 제가 이해한게 맞는지 궁금합니다.
0
306
2
left:-400vw 가 아닌 translateZ(100vw); 을 입력하신 이유가 궁금합니다.
0
308
2