Javascript Event   자바스크립트 이벤트

(2022-04-16)

이벤트 , 이벤트 루프


1. [자바스크립트]  이벤트이벤트 처리과정이벤트
     - 미리 정해지지 않은 시간에 발생되는 것
        . 例) 마우스 이벤트, 키보드 이벤트 등

  ㅇ 이벤트 처리 단계 요약
     - 생성 : 통상, 미리 정의된 표준 이벤트를 사용 함 ☞ 아래 2. 항 참조
        . 기타 커스텀 이벤트(사용자 정의 이벤트,특정 용도 이벤트)
     - 작성 : 처리 내용 작성
        . 이벤트 발생시, 그에따른 원하는 기능을 수행하는 이벤트 처리기를 작성
     - 등록/지정 : 해당 요소별 연결 
        . 해당 요소의 이벤트 속성에 그에 상응하는 이벤트 처리기를 등록 지정
     - 호출 : 연결 호출
        . 특정 이벤트 발생시 지정된 이벤트 처리기가 호출됨


2. [자바스크립트]  이벤트의 종류

  ※ ☞ 자바스크립트 이벤트 종류 참조
     - 마우스 이벤트     : click, dblclick, mousemove, mouseover 등
     - 키보드 이벤트     : keydown, keyup, keypress 등
     - 폼 이벤트         : submit, reset, change, focus, blur 등
     - 문서(document)/창(window) 이벤트 : load, resize, scroll, unload 등
     - 텍스트 입력 이벤트3. [자바스크립트]  이벤트객체

  ※ ☞ 자바스크립트 이벤트 객체 참조
     - 특정 이벤트와 연관된 객체로써, 해당 이벤트에 대한 상세한 정보를 담고 있음
       . 즉, 이벤트 핸들러에 전달되는 이벤트 정보를 담고 있음 
          .. 例) 마우스 위치, 마우스 버튼의 상태, 옵션키(연관된 Ctrl,Alt,Shift 등의 키)
     * 웹브라우저 마다 다소 다르게 구현되므로 유의해야 함 


4. [자바스크립트]  이벤트의 전파 방향/단계

  ※ ☞ 이벤트 전파(캡처링/버블링), 이벤트 위임 참조


5. [자바스크립트]  이벤트 루프웹브라우저에 내장된, 동시성을 지원하는 기능으로써,
     - 이벤트 에 대기 중인 하위 작업을 지속적으로 처리하는 기능 모델 임

  ㅇ 호출 스케줄링(scheduling a call)을 지원하기 위해 웹브라우저가 제공하는 환경 둘(2)
     - 테스크  (task queue / event queue / callback queue)
     - 이벤트 루프 (event loop)

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


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