1. 커스텀 이벤트
ㅇ 웹브라우저 자체에서 관리되는 표준적인 DOM 이벤트가 아니고,
인공적/사용자 정의/특정 용도로 만들어쓰는 이벤트를 말함
ㅇ 흔히, 객체지향 프로그래밍에서, 객체 간의 관계를 느슨하게 연결하는 수단으로 쓰임
ㅇ 작업 및 동작 순서
- 커스텀 이벤트 생성/정의 : 커스텀 이벤트 이름 및 파라미터 설정, 초기화
. 例) let event = new Event(type [, bubbles, cancelable ]);
.. type : 이벤트 유형을 나타내는 명칭 또는 문자열 (click 등)
- 이벤트 등록 : 이벤트 호출시에 동작하는, 표준 이벤트 리스너 등록시,
이때 전달되는 이벤트를 커스텀 이벤트로 전달할 수 있게 함
. 例) let elem = document.getElementById('button');
elem.addEventListener('click', event => { // 이벤트 처리 실행 });
- 이벤트 호출 : 이벤트 호출시, 이벤트 타킷 요소에 이벤트를 전달
. 例) elem.dispatchEvent(event);