이벤트(Event)는 대부분 이벤트 핸들러(Event Handler)를 지원하지만 그렇지 않은 경우도 있다. 따라서 이벤트 핸들러를 지원하지 않는 이벤트 타입의 경우는 이벤트 리스너(Event Listener)를 통해 이벤트를 등록하여야 한다.
CSS 애니메이션이 예기치 않게 중단이 되면 발생한다.
CSS 애니메이션이 정상적으로 완료되면 발생한다.
CSS 애니메이션의 반복이 지정되어 있는 경우 매 반복이 끝날 때 발생한다.
CSS 애니메이션이 시작되면 발생한다.
기본이 아닌 포인팅 장치 버튼(일반적으로 가장 왼쪽에 있는 기본 버튼 이외의 모든 마우스 버튼)을 눌렀다가 뗐을 때 발생한다.
<input>
,<select>
, <textarea>
요소의 값이 변경되려고 할 때 발생한다.
요소의 hidden
애트리뷰트가 until-found
값을 갖는 경우에 발생한다.
요소가 비활성 될 때 이벤트 발생한다.
마우스 왼쪽 버튼을 눌렀다 뗐을 경우 발생한다.
입력 방식 편집기(IME)와 같은 시스템 소프트웨어로 작성시 시스템이 현재 작성 세션을 완료하거나 취소하면 발생한다.
입력 방식 편집기(IME)와 같은 시스템 소프트웨어로 작성시 시스템이 현재 작성 세션을 시작할 때 발생한다.
입력 방식 편집기(IME)와 같은 시스템 소프트웨어로 작성시 시스템이 현재 작성 세션의 컨텍스트에서 새 문자가 수신되면 발생한다.
CSS 속성 content-visibility
값이 auto
인 요소가 사용자와 관련이 시작되거나 또는 중지되어 렌더링을 건너뛸 때 발생한다.
사용자가 컨텍스트 메뉴를 열려고 할 때 발생한다.
사용자가 유저 에이전트의 사용자 인터페이스를 통해 복사 작업을 수행할 때 발생한다
선택이 잘라내기 되어진 후 클립보드로 복사되었을 때 발생한다.
마우스 왼쪽 버튼을 빠르게 두번 클릭할 때 발생한다.
요소(element
)가 포커스(focus
)를 받을 때 발생한다.
요소가 포커스(focus)를 받으면 발생한다.
요소가 포커스(focus)를 잃을 때 발생한다.
지정 요소가 전체 화면 모드로 전환되거나 해제될 때 발생한다.
전체 화면 모드로 전환하거나 외부에서 전환하려고 시도하는 동안 오류가 발생하면 요소로 전송되는 이벤트이다.
요소가 setPointerCapture()
메소드를 사용하여 포인터를 캡처하면 발생한다.
<input>
, <select>
, <textarea>
요소에 대한 입력 이벤트이다.
키보드의 키를 누를 때 발생한다.
Shift, Fn, CapsLock 키를 제외한 키가 눌린 상태일 때 연속적으로 발생한다.
키보드의 키를 누르고 있다가 뗐을 때 발생한다.
캡처된 포인터가 해제될 때 발생한다.
마우스 포인터가 대상 요소 안에 있는 동안 마우스 버튼을 누를 때 발생한다.
입력 장치의 포인터가 요소 위로 이동했을 때 발생한다.
입력 장치의 포인터가 요소에서 벗어 날때 발생한다.
마우스 포인터의 움직임이 있을 때 이벤트가 발생한다.
입력 장치의 포인터가 요소를 벗어 날 때 발생한다. mouseleave
와 다른 점은 하위 요소 발생을 포함한다.
마우스 포인터가 대상 요소와 겹칠 때 이벤트가 발생한다.
마우스 포인터가 대상 요소 안에 있는 동안 마우스 버튼을 누르고 해제할 때 이벤트가 발생한다.
클립보드의 항목이 불여넣기 되어질 때 발생한다.
웹브라우저가 더 이상 포인터 이벤트가 없을 가능성이 있다고 판단하거나 pointerdown
이벤트가 발생한 후 포인터를 사용하여 이동, 확대, 축소 또는 스크롤을 통해 뷰포트를 조작하는데 사용할 수 있다.
포인터가 활성화되면 발생한다. 마우스의 경우 장치가 눌린 버튼이 없는 상태에서 하나 이상의 버튼이 눌려진 상태로 전환되면 발생한다. 터치의 경우 디지타이저와 물리적 접촉이 이루어지면 발생한다. 펜의 경우 스타일러스가 디지타이저와 물리적으로 접촉하면 발생한다.
포인팅 장치가 hover를 지원하지 않는 장치의 pointerdown 이벤트의 결과를 포함하여 요소 또는 그 자손 중 하나의 맞추어진 테스트 경계로 이동할 때 발생한다.
포인팅 장치가 요소의 맞춰진 테스트 경계를 벗어나면 발생한다. 펜 장치의 경우 스타일러스가 디지타이저에서 감지할 수 있는 hover
범위를 벗어날 때 발생한다.
포인터가 좌표를 변경하고 웹브라우저 터치 동작으로 취소되지 않은 경우 발생한다.
포인팅 장치가 요소의 맞춰진 테스트 경계 밖으로 이동할 때 발생한다.
포인팅 장치가 요소의 맞춰진 테스트 경계로 이동하면 발생한다.
포인터가 pointerdown
또는 pointerup
이벤트를 실행하지 않는 속성을 변경할 때 이벤트가 발생한다.
포인터가 더 이상 활성화되지 않으면 발생한다.
요소가 스크롤 될 때 발생한다.
스크롤이 완료되면 VisualViewport
, Document
또는 Element
에서 발생한다.
정책과 버블(bubble)을 위반하는 요소에서 발생한다.
하나 이상의 터치 포인트가 구현별 방식으로 중단된 경우 발생한다.
터치 장치의 표면에서 하나 이상의 터치 포인트가 제거될 때 발생한다.
하나 이상의 터치 포인트가 터치 표면을 따라 이동할 때 발생한다.
하나 이상의 터치 포인트가 터치 표면에 닿을 때 발생한다.
CSS 전이 효과가 취소되었을 때 발생한다.
CSS의 전이 효과가 완료되었을 때 발생한다.
CSS 전이 효과를 시작했을 때 발생한다. 지연 시간이 설정된 경우 포함해서 시작된 경우에 발생한다.
CSS 전이 효과가 실제로 시작되었을 때(지연이 있는 경우 지연 시간 이후 실행될 때) 발생한다.
포인팅 입력 장치에서 휠 버튼을 회전할 때 발생한다.