인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

2skyer님의 프로필 이미지
2skyer

작성한 질문수

인터랙티브 웹 개발 제대로 시작하기

이벤트 위임

이벤트 함수를 기준으로 하는 js

작성

·

191

1

선생님~ 신기하고 재밌네요ㅎㅎ

 

그러면 만약 제가 클릭을 했을 때 각 요소마다 여러가지 기능들이 있는 웹을 만든다고 가정할 때, 웹의 각 요소들 마다 변수들을 querySelector로 지정해서 하나하나 만들 필요없이 그것들을 포함하는 container만 지정하고 clickHandler 함수 하나를 만들어서 그 안에 if문과 e.target메소드를 이용해 해당 요소들 지정하고 각각의 기능들을 만들면 되는 건가요? 그렇게 하는 게 더 효율적인 건가요?

그러면 js를 이용해서 웹에 기능을 추가하고 싶을 때 각 변수들이 아닌 이벤트 함수를 기준으로 만들 수 있겠네요..! (클릭, 드래그 같은 선택하는 기능들 위주로)

답변 2

0

2skyer님의 프로필 이미지
2skyer
질문자

아하~ 네 감사합니다^^

0

1분코딩님의 프로필 이미지
1분코딩
지식공유자

네 맞습니다~

이론적으로는 body 하나에만 이벤트를 바인딩하면 전부 해결이 되지만,

개발 효율이나 코드 관리, 효과적인 개발 방법론 등등 여러가지 이유로 보통 그렇게까지 하지는 않습니다 ㅎㅎ

예제처럼 적당히 하나의 기능을 담당하는 블럭 정도 레벨에서 그렇게 처리해주시면 좋습니다.

2skyer님의 프로필 이미지
2skyer

작성한 질문수

질문하기