DOM

settings_applicationsEvent

DOM

  • account_tree
  • bug_report

Events

다양한 이벤트를 분류별로 정리했다.

하위 트리 탐색

  • Animation

    애니메이션과 관련된 이벤트

    • cancel

      애니메이션이 취소되었을 때 발생한다.

    • finish

      애니메이션이 종료될 때 실행한다.

    • remove

      애니메이션이 제거될 때(즉, 활성 바꾸기 상태) 실행한다.

  • Document

    • DOMContentLoaded

      HTML 문서가 완전히 로드되어 구문 분석이 되고 모든 지연된 스크립트(<script defer>, <script type="module">)가 다운로드 및 실행되면 발생한다.

    • languagechange

      사용자의 기본 언어가 변경될 때 발생한다.

    • readystatechange

      documentreadyState 속성이 변경되면 발생한다.

    • selectionchange

      현재 문서에서 텍스트의 선택이 변경되면 발생한다.

    • selectstart

      사용자가 숨김 상태의 요소를 찾아 웹브라우저가 해당 콘텐츠를 보여주려고 할 때 이벤트가 발생한다.

    • visibilitychange

      웹브라우저 탭(tab)의 콘텐츠가 visible 또는 hidden 상태로 변경될 때 발생한다.

  • Element

    • beforematch

      요소의 hidden 애트리뷰트가 until-found  값을 갖는 경우에 발생한다.

    • contextlost

      CanvasRenderingContext2D 또는 OffscreenCanvasRenderingContext2D 객체가 손실되면 발생한다.

    • contextrestored

      CanvasRenderingContext2D 또는 OffscreenCanvasRenderingContext2D 객체가 손실된 후 복원되면 발생한다.

    • slotchange

  • Form

    폼 처리와 관련된 이벤트

    • change

      <input>, <select>, <textarea> 입력 요소의 설정 값이 변경되면 발생한다.

    • invalid

      제출 가능 요소가 유효성을 확인하고 제약 조건을 충족하지 않을 때 발생한다.

    • reset

      양식의 입력 값을 초기화할 때 발생한다.

    • search

  • Frame and Container

    프레임과 컨테이너와 관련된 이벤트

    • resize

      창(window) 크기가 변경될 때 발생한다. 일반적으로 뷰포트 크기 변경이 있는 경우 발생한다.

    • scroll

      요소가 스크롤 될 때 발생한다.

    • scrollend

      스크롤이 완료되면 VisualViewport, Document 또는 Element에서 발생한다.

  • Media

    미디어 처리와 관련된 이벤트

    • abort

      일반적인 에러외의 원인으로 전체 미디어 리소스가 로드되지 못할 때 발생한다.

    • canplay

      재생 가능한 미디어 리소스가 확보된 경우에 발생한다.

    • canplaythrough

      readyStateHAVE_ENOUGH_DATA로 변경될 때 발생한다.

    • cuechange

      TextTrack이 현재 표시되는 큐를 변경했을 때 발생한다.

    • durationchange

      duration 속성이 업데이트되면 발생한다.

    • emptied

      미디어 요소가 load() 메소드에 의해 다시 초기화될 때 발생하거나 치명적인 오류가 있어 미디어 리소스를 준비하지 못할 때 발생한다.

    • ended

      미디어 끝에 도달했거나 더 이상 사용할 수 있는 데이터가 없어 재생 또는 스트리밍이 중지되면 발생한다.

    • error

       window에서 사용할 리소스 로드에 실패했거나 사용할 수 없는 경우 발생한다.

    • loadeddata

      미디어의 현재 재생 위치에 있는 프레임이 로드를 완료하면 발생한다.

    • loadedmetadata

      메타 데이터(metadata)가 로드되면 발생한다.

    • loadstart

      웹브라우저가 미디어 리소스를 다운로드하기 시작하는 시점에 발생한다.

    • mute

      트랙의 소스가 일시적으로 미디어 데이터를 제공할 수 없을 때 발생한다.

    • pause

      재생이 일시 중지될 때 발생한다.

    • play

      play() 메소드 또는 autoplay 속성의 결과로 paused 속성이 true에서 false로 변경되면 발생한다.

    • playing

      버퍼링을 위해 일시 중지 또는 중지된 후 다시 재생될 때 발생한다.

    • progress

      웹브라우저가 리소스를 로드할 때 주기적으로 발생한다.

    • ratechange

      재생 속도가 변경될 때 발생한다.

    • seeked

      사용자가 미디어 재생시 타임라인에서 재생 위치를 이동하거나 건너뛰기를 완료할 때 발생한다.

    • seeking

      사용자가 미디어 재생시 타임라인에서 재생 위치를 이동하거나 건너뛰기를 시작할 때 발생한다.

    • stalled

      미디어 리소스를 다운로드하려고 했지만 예기치 않게 다운로드하지 못할 때 발생한다.

    • suspend

      미디어 리소스가 로딩이 중지된 시점에 발생한다.

    • timeupdate

      재생 위치(currentTime)가 변경되었을 때 발생한다.

    • unmute

      트랙의 소스가 미디어 데이터를 제공할 수 없는 기간 후에 다시 한번 미디어 데이터를 제공할 수 있을 때 발생한다.

    • volumechange

      미디어의 볼륨이 변경되었을 때 발생한다.

    • waiting

      일시적인 재생할 데이터의 부족으로 인해 재생이 중지되면 발생한다.

  • Mouse

    포인팅 장치 관련 이벤트

    • pointerlockchange

      입력 장치의 포인터가 잠기거나 잠금이 해제되면 발생한다.

    • pointerlockerror

      입력 장치의 포인터 잠금이 실패하면 발생한다. 기술적인 이유이거나 권한 부족으로 거부될 경우에 발생할 수 있다.

  • Network

    네트워크 관련 이벤트

    • offline

      웹브라우저가 네트워크에 대한 액세스 권한을 잃고 Navigator.onLine 값이 false로 전환되면 발생한다.

    • online

      웹브라우저가 네트워크에 액세스하고 Navigator.onLine의 값이 true로 전환되면 발생한다.

  • Print

    프린트와 관련된 이벤트

    • afterprint

      문서가 인쇄를 시작하거나 인쇄 미리보기가 닫힌 후에 발생한다.

    • beforeprint

      문서가 인쇄되거나 인쇄를 위해 미리보기가 될 때 발생한다.

  • Progress

    처리 관련 이벤트

    • progress

      미디어 데이터를 가져오는 중일 때  발생한다.

  • Resource

    리소스 관련 이벤트

    • abort

      리소스가 완전히 로드되지 않았을 때 발생한다. 오류의 결과는 아니다.

    • beforeunload

      window, document, resources가 unload되려고 할 때 발생한다.

    • error

       window에서 사용할 리소스 로드에 실패했거나 사용할 수 없는 경우 발생한다.

    • load

      웹 문서내 리소스와 그것에 의존하는 리소스들의 로딩이 완료되면 발생한다.

    • unload

      문서나 하위 리소스가 언로드(unload)일 때 발생한다.

  • Screen

  • UI

    UI와 관련된 이벤트

    • cancel

      <dialog> 요소가 닫힐 때 또는 <input> 요소에서 파일 선택기를 사용할 때 선택을 취소하고 이전에 선택했던 동일한 파일을 다시 선택할 때 발생한다.

    • close

      대화 상자가 닫히면 HTMLDialgElement에서 발생한다.

  • View

    뷰와 관련된 이벤트

    • fullscreenchange

      지정 요소가 전체 화면 모드로 전환되거나 해제될 때 발생한다.

    • fullscreenerror

      전체 화면 모드로 전환하거나 외부에서 전환하려고 시도하는 동안 오류가 발생하면 요소로 전송되는 이벤트이다.

  • WebSocket

    웹 소켓 관련 이벤트

    • error

      WebSocket 네크워크 요청 작업 중에 오류가 발생했을 때 발생한다.

    • open

      웹 소켓과의 연결이 열리면 이벤트가 발생한다.

지원 웹브라우저