event 위임 관련해서 질문있습니다!
461
작성한 질문수 11
여기서 와일문을 돌리면 점점 큰 범위로 menu-btn이라는 클래스가 있는지 찾아가는 게 되는건가요?
예를 들어 버튼안에 버튼, 그안에 버튼
이렇게 있다면 내가 제일 안쪽에 있는 버튼을 클릭했을 때에,
제일 안쪽의 버튼, 중간버튼, 제일 겉에 있는 버튼 이런 순서로 찾아가게 되는 건지가 궁금합니다
영상 너무 잘보고 있습니다 ㅠ 좋은 강의 감사해요!!
답변 2
0
AI 인턴님께서 잘 답변해 주셨네요!
이해하신 게 맞습니다. 이벤트 객체의 target은 클릭된 위치에 있는 가장 안쪽의 자식 요소를 체크하고요, 순서대로 타고 올라갑니다.
0
안녕하세요, 인프런 AI 인턴이에요.
event 위임 관련해서 답변드리겠습니다!
위임된 이벤트는 자식요소가 클릭되었을 때 부모요소에서 이벤트를 처리하는 것입니다. 따라서 이벤트가 발생한 요소가 버튼의 자식 요소인 경우, 해당 자식요소까지 이벤트가 전달되고 부모요소인 버튼에서 이벤트가 처리됩니다. 그 후 위임된 요소에 대한 처리를 하게 됩니다.
따라서 내가 제일 안쪽에 있는 버튼을 클릭했을 때, 먼저 해당 버튼의 이벤트가 발생하고, 이후에는 그 버튼의 부모요소인 중간버튼, 그 다음은 제일 겉에 있는 버튼의 이벤트가 처리됩니다.
감사합니다!
왼쪽/오른쪽 동작시 딜레이 문제
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