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. 커스템 이벤트  


"본 웹사이트 내 모든 저작물은 원출처를 밝히는 한 자유롭게 사용(상업화포함) 가능합니다"