목록이벤트 켭쳐링 (1)

Life is connecting the dots .

이벤트 전파 단계와 이벤트 위임 - 폼(form)에 버블링🫧 활용하기

최근 자바스크립트 '이벤트(event)'를 다시 공부하면서 이벤트 전파에 대한 개념을 다시 한번 정리하는 시간을 가졌다. 또한 이벤트 전파와 더불어 이벤트 위임에 관한 개념도 더 확실히 알게 되어 글로 정리하게 되었다. 🫧 이벤트 전파 - 버블링과 캡쳐링 🫧 이벤트 위임 🛠️ 위 개념을 바탕으로 로그인 페이지 폼양식을 이벤트 버블링 개념을 활용하여 리팩토링 하기 이벤트 전파 DOM 트리의 요소 노드에서 발생한 이벤트는 DOM 트리를 통해 전파된다. 즉, 이벤트가 발생했을 때 생성된 이벤트 객체는 이벤트 타깃(event target)을 중심으로 DOM 트리를 통해서 전파되는데 전파 방향에 따라 캡쳐링과 버블링으로 구분된다. ✅ 이벤트 캡쳐링 (capturing phase) 이벤트가 상위 요소에서 하위 요소..
Programming/JS 2023. 10. 3. 14:57
이전 Prev 1 Next 다음