이벤트 함수를 기준으로 하는 js
232
작성한 질문수 2
선생님~ 신기하고 재밌네요ㅎㅎ
그러면 만약 제가 클릭을 했을 때 각 요소마다 여러가지 기능들이 있는 웹을 만든다고 가정할 때, 웹의 각 요소들 마다 변수들을 querySelector로 지정해서 하나하나 만들 필요없이 그것들을 포함하는 container만 지정하고 clickHandler 함수 하나를 만들어서 그 안에 if문과 e.target메소드를 이용해 해당 요소들 지정하고 각각의 기능들을 만들면 되는 건가요? 그렇게 하는 게 더 효율적인 건가요?
그러면 js를 이용해서 웹에 기능을 추가하고 싶을 때 각 변수들이 아닌 이벤트 함수를 기준으로 만들 수 있겠네요..! (클릭, 드래그 같은 선택하는 기능들 위주로)
답변 2
0
네 맞습니다~
이론적으로는 body 하나에만 이벤트를 바인딩하면 전부 해결이 되지만,
개발 효율이나 코드 관리, 효과적인 개발 방법론 등등 여러가지 이유로 보통 그렇게까지 하지는 않습니다 ㅎㅎ
예제처럼 적당히 하나의 기능을 담당하는 블럭 정도 레벨에서 그렇게 처리해주시면 좋습니다.
왼쪽/오른쪽 동작시 딜레이 문제
0
93
1
변수 범위 관련 질문
0
106
1
perspective 문의
0
102
1
생성자 함수를 클래스 함수로 변경 하고 this 오류 관련
0
150
1
스크롤이 중간 위치에 있을 때 창의 크기를 변환하면 생기는 문제
0
127
1
animation이벤트 질문이요!
0
72
1
resize handler에서 질문이 있습니다.
0
111
1
카드 뒤집힐 때 F가 보인 이유
0
149
1
3d 뒤집기 추가효과
0
218
1
전진! 3D 스크롤 21 강의 질문
1
171
1
eventlistener 질문
0
149
1
zMove 를 1000으로 설정하는 이유에 대하여.
0
168
1
[정보-23강] ES6 class 문법으로 공부하시는 분들!! 화살표 함수로도 시도해보셔요!
1
191
1
동적으로 html 생성 후 이벤트 위임 질문 있습니다.
0
266
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
361
2
house 부분에도 width , height 부분을 꽉 차게 주신 부분이 제가 이해한게 맞는지 궁금합니다.
0
305
2
left:-400vw 가 아닌 translateZ(100vw); 을 입력하신 이유가 궁금합니다.
0
306
2