[javascript] 이벤트 관련 용어 정리
이 게시물에서는 자바스크립트 이벤트 관련 용어를 정리하고 설명합니다.
목차
- 이벤트(Event)
- 이벤트 핸들러(Event Handler)
- 이벤트 리스너(Event Listener)
- 이벤트 객체(Event Object)
- 버블링(Bubbling)과 캡처링(Capturing)
이벤트
이벤트란 웹 페이지에서 발생하는 모든 사건을 의미합니다. 클릭, 스크롤, 키보드 입력 등 모든 사용자 상호 작용은 이벤트로 간주됩니다.
이벤트 핸들러
이벤트 핸들러는 특정 이벤트가 발생했을 때 실행되는 함수를 가리킵니다. HTML 요소의 속성으로 이벤트 핸들러를 등록할 수 있습니다.
<button onclick="handleClick()">Click me</button>
이벤트 리스너
이벤트 리스너는 이벤트에 대한 감지 및 처리를 담당하는 객체입니다. addEventListener 메서드를 사용하여 이벤트 리스너를 등록할 수 있습니다.
element.addEventListener('click', handleClick);
이벤트 객체
이벤트 객체는 이벤트가 발생했을 때 생성되는 객체로, 해당 이벤트에 대한 정보를 담고 있습니다. 이벤트 핸들러나 리스너에서 이벤트 객체를 활용하여 상세한 정보를 확인하거나 조작할 수 있습니다.
버블링과 캡처링
이벤트가 발생한 요소에서 시작해 부모 요소를 거슬러 올라가거나 반대 방향으로 진행되는 이벤트 전파 방식을 가리킵니다.
이상으로 자바스크립트 이벤트 관련 용어에 대한 간단한 정의 및 설명을 마칩니다. 각 용어에 대한 보다 자세한 내용은 JavaScript 공식 문서를 참조하시기 바랍니다.