Custom Event   커스템 이벤트

(2019-09-21)

1. 커스텀 이벤트웹브라우저 자체에서 관리되는 표준적인 DOM 이벤트가 아니고, 
     인공적/사용자 정의/특정 용도로 만들어쓰는 이벤트를 말함

  ㅇ 흔히, 객체지향 프로그래밍에서, 객체 간의 관계를 느슨하게 연결하는 수단으로 쓰임

  ㅇ 작업 및 동작 순서
     - 커스텀 이벤트 생성/정의 : 커스텀 이벤트 이름 및 파라미터 설정, 초기화
        . 例) let event = new Event(type [, bubbles, cancelable ]);
           .. type : 이벤트 유형을 나타내는 명칭 또는 문자열 (click 등)
     - 이벤트 등록 : 이벤트 호출시에 동작하는, 표준 이벤트 리스너 등록시,
                     이때 전달되는 이벤트를 커스텀 이벤트로 전달할 수 있게 함
        . 例) let elem = document.getElementById('button');
              elem.addEventListener('click', event => { // 이벤트 처리 실행 });
     - 이벤트 호출 : 이벤트 호출시, 이벤트 타킷 요소에 이벤트를 전달
        . 例) elem.dispatchEvent(event);

JS 이벤트
   1. JS 이벤트   2. JS 이벤트 종류   3. JS 이벤트 객체   4. JS 이벤트 처리기   5. JS 이벤트 전파   6. 커스템 이벤트  


Copyrightⓒ written by 차재복 (Cha Jae Bok)               기술용어해설 후원
"본 웹사이트 내 모든 저작물은 원출처를 밝히는 한 자유롭게 사용(상업화포함) 가능합니다"