번역 작업 진행중입니다.

DOM 이벤트는 발생한 흥미로운 것을 코드에 알리기 위해 전달됩니다. 각 이벤트는 Event 인터페이스를 기반으로한 객체에 의해 표현되며 발생한 것에 대한 부가적인 정보를 얻는데 사용되는 추가적인 커스텀 필드 또는 함수를 가질수도 있습니다. 이벤트는 렌더링 모델에서 기본적인 사용자 인터렉션부터 발생한 것에대한 자동 알림까지 모든 것을 나타낼 수 있습니다.

이 글은 전달될 수 있는 이벤트의 목록을 제공합니다. 일부는 공식 명세에 정의된 표준 이벤트이며, 다른 일부는 특정 브라우저에서 내부적으로 사용되는 이벤트입니다. 예로, Mozilla 특정 이벤트는 부가 기능이 브라우저와 상호작용하기 위해 나열되었습니다.

가장 일반적인 카테고리

리소스 이벤트

이벤트명 발생하는 시점
cached 매니페스트에 나열된 리소스가 다운로드되었고, 애플리케이션이 캐시될 때.
error 리소스 로드가 실패했을 때.
abort 리소스 로딩이 중단되었을 때.
load 리소스와 그 의존 리소스의 로딩이 끝났을 때.
beforeunload window, document 및 그 리소스가 언로드되려고 할 때.
unload document 또는 의존 리소스가 언로드될 때.

네트워크 이벤트

이벤트명 발생하는 시점
online 브라우저가 네트워크 접근을 얻었을 때.
offline 브라우저가 네트워크 접근을 잃었을 때.

포커스 이벤트

이벤트명 발생하는 시점
focus 엘리먼트가 포커스를 받았을 때(버블링하지 않음).
blur 엘리먼트가 포커스를 잃었을 때(버블링하지 않음).

웹소켓 이벤트

이벤트명 발생하는 시점
open 웹소켓 연결이 수립되었을 때.
message 웹소켓을 통해 메시지를 받았을 때.
error 웹소켓 연결이 어떤 문제로 닫혔을 때(예로, 일부 데이터가 전송되지 못했을 때).
close 웹소켓 연결이 닫혔을 때.

세션 기록 이벤트

이벤트명 발생하는 시점
pagehide 세션 기록 항목이 사라지고 있을 때.
pageshow 세션 기록 항목이 들어오고 있을 때.
popstate 세션 기록 항목이 이동하고 있을 때(특정 경우에서).

CSS 애니메이션 이벤트

이벤트명 발생하는 시점
animationstart CSS 애니메이션이 시작되었을 때.
animationend CSS 애니메이션이 완료되었을 때.
animationiteration CSS 애니메이션이 반복되었을 때.

CSS 전이 이벤트

이벤트명 발생하는 시점
transitionstart CSS 전이가 실제로 시작되었을 때(딜레이 후에 실행되었을 때).
transitioncancel CSS 전이가 취소되었을 때.
transitionend CSS 전이가 완료되었을 때.
transitionrun CSS 전이가 실행을 시작했을 때(딜레이 시작전에 실행되었을 때).

폼 이벤트

Event Name Fired When
reset The reset button is pressed
submit The submit button is pressed

Printing Events

이벤트명 발생하는 시점
beforeprint 프린트 대화상자가 열렸을 때
afterprint 프린트 대화상자가 닫혔을 때

텍스트 작성 이벤트

이벤트명 발생하는 시점
compositionstart 텍스트 입력 통로가 준비되었을 때(키보드 입력을 위한 키 다운과 유사하지만, 음성 인식과 같은 다른 입력과도 동작합니다).
compositionupdate 작성될 텍스트 통로에 문자가 추가되었을 때.
compositionend 텍스트 입력 통로가 완료되었거나 취소되었을 때.

뷰 이벤트

이벤트명 발생하는 시점
fullscreenchange 엘리먼트가 전체화면 모드로 변경되었거나 일반 모드로 돌아왔을 때.
fullscreenerror 기술적인 이유나 권한 거절을 이유로 전체화면 모드 전환이 불가능했을 때.
resize 다큐먼트 뷰가 리사이즈되었을 때.
scroll 다큐먼트 뷰나 엘리먼트가 스크롤되었을 때.

클립보드 이벤트

이벤트명 발생하는 시점
cut 선택이 잘라내어진 후 클립보드로 복사되었을 때
copy 선택이 클립보드로 복사되었을 때
paste 클립보드의 항목이 붙여너어졌을 때

키보드 이벤트

이벤트명 발생하는 시점
keydown 키가 눌렸을 때
keypress 쉬프트, Fn, CapsLock 을 제외한 키가 눌린 상태일 때(연속적으로 실행됨.).
keyup 키 누름이 해제될 때

마우스 이벤트

이벤트명 발생하는 시점
mouseenter 포인팅 장치가 리스너가 등록된 엘리먼트 위로 이동했을 때.
mouseover 포인팅 장치가 리스너가 등록된 엘리먼트나 그 자식 엘리먼트의 위로 이동했을 때.
mousemove 포인팅 장치가 엘리먼트 위에서 이동했을 때(마우스가 이동하는동안 계속 실행됨.)
mousedown 포인팅 장치 버튼이 엘리먼트 위에서 눌렸을 때.
mouseup 포인팅 장치 버튼이 엘리먼트 위에서 놓였을 때.
auxclick 포인팅 장치 버튼(주가 아닌 버튼)이 엘리먼트에서 눌렸다가 놓였을 때.
click 포인팅 장치 버튼(모든 버튼; 주 버튼만 해당될 예정)이 엘리먼트에서 눌렸다가 놓였을 때.
dblclick 포인팅 장치 버튼이 엘리먼트에서 두 번 클릭되었을 때.
contextmenu 마우스의 오른쪽 버튼이 클릭되었을 때(컨텍스트 메뉴가 표시되기 전).
wheel 포인팅 장치의 휠 버튼이 어떤 방향이든 회전되었을 때.
mouseleave 포인팅 장치가 리스너가 등록된 엘리먼트 밖으로 이동했을 때.
mouseout 포인팅 장치가 리스너가 등록된 엘리먼트 또는 그 자식 엘리먼트의 밖으로 이동했을 때.
select 어떤 텍스트가 선택되고 있을 때.
pointerlockchange 포인터가 잠겼거나 해제되었을 때.
pointerlockerror 기술적인 이유나 권한 거절을 이유로 포인터 잠금이 불가했을 때.

드래그 앤 드랍 이벤트

이벤트명 발생하는 시점
dragstart 사용자가 엘리먼트나 텍스트 선택을 드래그하기 시작할 때.
drag 엘리먼트나 텍스트 선택이 드래그되고 있을 때(350ms 마다 연속적으로 실행됨).
dragend 드래그 작업이 끝났을 때(마우스 버튼을 놓거나 escape 키를 눌러서).
dragenter 드래그된 엘리먼트나 텍스트 선택이 유효한 드랍 대상에 들어왔을 때.
dragover 엘리먼트나 텍스트 선택이 유효한 드랍 대상위로 드래그되었을 때(350ms 마다 연속적으로 실행됨.).
dragleave 드래그된 엘리먼트나 텍스트 선택이 유효한 드랍 대상에서 나갈 때.
drop 엘리먼트가 유효한 드랍 대상에 드랍되었을 때.

미디어 이벤트

이벤트명 발생하는 시점
durationchange duration 속성이 업데이트되었을 때.
loadedmetadata 메타데이터가 로드되었을 때.
loadeddata 미디어의 첫 번째 프레임이 로딩을 마쳤을 때.
canplay 브라우저가 미디어를 실행할 수 있지만, 컨텐츠의 버퍼링없이 중단되지 않고 미디어를 끝까지 재생하기엔 로딩된 데이터가 충분하지않다고 측정했을 때.
canplaythrough 브라우저가 컨텐츠 버퍼링 중단 없이 미디어를 끝까지 재생할 수 있다고 측정했을 때.
ended 미디어의 끝에 도달해 재생이 멈추었을 때.
emptied 미디어가 비었을 때. 예로, 이 이벤트는 미디어가 이미 로딩되었고(또는 부분적으로 로딩되었고), load() 메소드가 리로드를 위해 호출되었을때 전송됩니다.
stalled 유저 애이전트가 미디어 데이터 페치를 시도했지만, 데이터가 예상치 못하게 전송되지 않을 때.
suspend 미디어 데이터 로딩이 유예되었을 때.
play 재생이 시작되었을 때.
playing 일시정지나 데이터 부족으로 딜레이된 후로부터 재생할 준비가 되었을 때.
pause 재생이 일시정지 되었을 때.
waiting 일시적인 데이터 부족으로 재생이 중지되었을 때.
seeking 찾기 작업이 시작되었을 때.
seeked 찾기 작업이 완료되었을 때.
ratechange 재생률이 변경되었을 때.
timeupdate currentTime 속성으로 나타나는 시간이 업데이트되었을 때.
volumechange 볼륨이 변경되었을 때.
complete OfflineAudioContext 의 렌더링이 종료되었을 때.
audioprocess ScriptProcessorNode 의 입력 버퍼의 처리가 준비되었을 때.

진행 이벤트

이벤트명 발생하는 시점
loadstart 진행이 시작되었을 때.
progress 진행중일 때.
error 진행이 실패했을 때.
timeout 프리셋 타임 만료로 진행이 종료되었을 때.
abort 진행이 종료되었을 때(에러가 아닌 이유).
load 진행이 성공했을 때.
loadend 진행이 멈추었을 때("error", "abort" 또는 "load" 가 디스패치된 후).

저장소 이벤트

change (Non-standard events 를 보세요)
storage

업데이트 이벤트

checking
downloading
error
noupdate
obsolete
updateready

값 변경 이벤트

broadcast
CheckboxStateChange
hashchange
input
RadioStateChange
readystatechange
ValueChange

분류되지 않은 이벤트

invalid
localized
message
message
message
open
show

덜 일반적이고 비표준인 이벤트

Abortable 페치 이벤트

이벤트명 발생하는 시점
abort DOM 요청이 중단되었을 때. 예, AbortController.abort() 사용.

WebVR 이벤트

이벤트명 발생하는 시점
vrdisplayconnect 호환되는 VRDisplay 가 컴퓨터에 연결되었을 때.
vrdisplaydisconnect 호환되는 VRDisplay 가 컴퓨터로부터 연결해제되었을 때.
vrdisplayactivate VR 디스플레이가 표시될 수 있을 때. 예, HMD 가 움직여 대기모드에서 나오거나, 착용에의해 준비될 때.
vrdisplaydeactivate VRDisplay 가 더 이상 표시될 수 없을 때. 예, 비활성 기간으로 인해 HMD 가 대기 또는 슬립모드로 빠졌을 때.
vrdisplayblur 브라우저, OS 또는 VR 장치로부터 어떤 이유에 의해 VRDisplay 로의 프리젠테이션이 중단되었을 때. 예, 사용자가 시스템 메뉴나 브라우저와 인터렉팅하는동안 추적이나 경험 손실을 방지.
vrdisplayfocus 흐릿해진 이후에 VRDisplay 로의 프리젠테이션이 재개될 때.
vrdisplaypresentchange VRDisplay 의 프리젠팅 상태가 변경할 때. 예, 프리젠팅에서 프리젠팅이 아닌 것이 될 때, 또는 그 반대.

SVG 이벤트

SVGAbort
SVGError
SVGLoad
SVGResize
SVGScroll
SVGUnload
SVGZoom

데이터베이스 이벤트

abort
blocked
complete
error (link)
success
upgradeneeded
versionchange

알림 이벤트

AlertActive
AlertClose

CSS 이벤트

CssRuleViewRefreshed
CssRuleViewChanged
CssRuleViewCSSLinkClicked

Script 이벤트

afterscriptexecute
beforescriptexecute

메뉴 이벤트

DOMMenuItemActive
DOMMenuItemInactive

Window 이벤트

DOMWindowCreated
DOMTitleChanged
DOMWindowClose
SSWindowClosing
SSWindowStateReady
SSWindowStateBusy
close

Document 이벤트

DOMLinkAdded
DOMLinkRemoved
DOMMetaAdded
DOMMetaRemoved
DOMWillOpenModalDialog
DOMModalDialogClosed

팝업 이벤트

popuphidden
popuphiding
popupshowing
popupshown
DOMPopupBlocked

탭 이벤트

TabOpen
TabClose
TabSelect
TabShow
TabHide
TabPinned
TabUnpinned
SSTabClosing
SSTabRestoring
SSTabRestored
visibilitychange

배터리 이벤트

chargingchange
chargingtimechange
dischargingtimechange
levelchange

호출 이벤트

alerting
busy
callschanged
cfstatechange
connected
connecting
dialing
disconnected
disconnecting
error
held, holding
incoming
resuming
statechange
voicechange

센서 이벤트

compassneedscalibration
devicelight
devicemotion
deviceorientation
deviceproximity
MozOrientation
orientationchange
userproximity

스마트카드 이벤트

icccardlockerror
iccinfochange
smartcard-insert
smartcard-remove
stkcommand
stksessionend
cardstatechange

SMS 및 USSD 이벤트

delivered
received
sent
ussdreceived

프레임 이벤트

mozbrowserclose
mozbrowsercontextmenu
mozbrowsererror
mozbrowsericonchange
mozbrowserlocationchange
mozbrowserloadend
mozbrowserloadstart
mozbrowseropenwindow
mozbrowsersecuritychange
mozbrowsershowmodalprompt (link)
mozbrowsertitlechange
DOMFrameContentLoaded

DOM 뮤테이션 이벤트

DOMAttributeNameChanged
DOMAttrModified
DOMCharacterDataModified
DOMContentLoaded
DOMElementNameChanged
DOMNodeInserted
DOMNodeInsertedIntoDocument
DOMNodeRemoved
DOMNodeRemovedFromDocument
DOMSubtreeModified

터치 이벤트

MozEdgeUIGesture
MozMagnifyGesture
MozMagnifyGestureStart
MozMagnifyGestureUpdate
MozPressTapGesture
MozRotateGesture
MozRotateGestureStart
MozRotateGestureUpdate
MozSwipeGesture
MozTapGesture
MozTouchDown
MozTouchMove
MozTouchUp
touchcancel
touchend
touchenter
touchleave
touchmove
touchstart

포인터 이벤트

pointerover
pointerenter
pointerdown
pointermove
pointerup
pointercancel
pointerout
pointerleave
gotpointercapture
lostpointercapture

표준 이벤트

다음 이벤트들은 공식 웹 명세에 정의되어있으며, 브라우저사이에서 공통입니다. 각 이벤트는 이벤트의 수신자에게 전송되는 객체를 나타내는 인터페이스 및 이벤트를 정의한 명세 또는 명세로의 링크를 나열합니다(따라서 각 이벤트와 제공된 데이터에 대한 정보를 찾을 수 있습니다).

이벤트명 Event Type Specification Fired when...
abort UIEvent DOM L3 The loading of a resource has been aborted.
abort ProgressEvent Progress and XMLHttpRequest Progression has been terminated (not due to an error).
abort Event IndexedDB A transaction has been aborted.
afterprint Event HTML5 The associated document has started printing or the print preview has been closed.
animationend AnimationEvent  CSS Animations A CSS animation has completed.
animationiteration AnimationEvent  CSS Animations A CSS animation is repeated.
animationstart AnimationEvent  CSS Animations A CSS animation has started.
appinstalled Event Web App Manifest A web application is successfully installed as a progressive web app.
audioprocess AudioProcessingEvent  Web Audio API
The definition of 'audioprocess' in that specification.
The input buffer of a ScriptProcessorNode is ready to be processed.
audioend  Event Web Speech API The user agent has finished capturing audio for speech recognition.
audiostart  Event Web Speech API The user agent has started to capture audio for speech recognition.
beforeprint  Event HTML5 The associated document is about to be printed or previewed for printing.
beforeunload BeforeUnloadEvent HTML5 The window, the document and its resources are about to be unloaded.
beginEvent TimeEvent SVG A SMIL animation element begins.
blocked   IndexedDB An open connection to a database is blocking a versionchange transaction on the same database.
blur FocusEvent  DOM L3 An element has lost focus (does not bubble).
boundary  SpeechSynthesisEvent Web Speech API The spoken utterance reaches a word or sentence boundary
cached Event Offline The resources listed in the manifest have been downloaded, and the application is now cached.
canplay Event HTML5 media The user agent can play the media, but estimates that not enough data has been loaded to play the media up to its end without having to stop for further buffering of content.
canplaythrough Event HTML5 media The user agent can play the media up to its end without having to stop for further buffering of content.
change Event DOM L2, HTML5 The change event is fired for <input>, <select>, and <textarea> elements when a change to the element's value is committed by the user.
chargingchange Event Battery status The battery begins or stops charging.
chargingtimechange Event Battery status The chargingTime attribute has been updated.
checking Event Offline The user agent is checking for an update, or attempting to download the cache manifest for the first time.
click MouseEvent DOM L3 A pointing device button has been pressed and released on an element.
close Event WebSocket A WebSocket connection has been closed.
complete   IndexedDB A transaction successfully completed.
complete OfflineAudioCompletionEvent  Web Audio API
The definition of 'OfflineAudioCompletionEvent' in that specification.
The rendering of an OfflineAudioContext is terminated.
compositionend CompositionEvent DOM L3 The composition of a passage of text has been completed or canceled.
compositionstart CompositionEvent DOM L3 The composition of a passage of text is prepared (similar to keydown for a keyboard input, but works with other inputs such as speech recognition).
compositionupdate CompositionEvent DOM L3 A character is added to a passage of text being composed.
contextmenu MouseEvent HTML5 The right button of the mouse is clicked (before the context menu is displayed).
copy ClipboardEvent  Clipboard The text selection has been added to the clipboard.
cut ClipboardEvent  Clipboard The text selection has been removed from the document and added to the clipboard.
dblclick MouseEvent DOM L3 A pointing device button is clicked twice on an element.
devicechange Event Media Capture and Streams A media device such as a camera, microphone, or speaker is connected or removed from the system.
devicelight DeviceLightEvent  Ambient Light Events Fresh data is available from a light sensor.
devicemotion DeviceMotionEvent  Device Orientation Events Fresh data is available from a motion sensor.
deviceorientation DeviceOrientationEvent  Device Orientation Events Fresh data is available from an orientation sensor.
deviceproximity DeviceProximityEvent  Proximity Events Fresh data is available from a proximity sensor (indicates an approximated distance between the device and a nearby object).
dischargingtimechange Event Battery status The dischargingTime attribute has been updated.
DOMActivate  UIEvent DOM L3 A button, link or state changing element is activated (use click instead).
DOMAttributeNameChanged  MutationNameEvent DOM L3 Removed The name of an attribute changed (use mutation observers instead).
DOMAttrModified  MutationEvent DOM L3 The value of an attribute has been modified (use mutation observers instead).
DOMCharacterDataModified  MutationEvent DOM L3 A text or another CharacterData has changed (use mutation observers instead).
DOMContentLoaded Event HTML5 The document has finished loading (but not its dependent resources).
DOMElementNameChanged  MutationNameEvent DOM L3 Removed The name of an element changed (use mutation observers instead).
DOMFocusIn  FocusEvent  DOM L3 An element has received focus (use focus or focusin instead).
DOMFocusOut  FocusEvent  DOM L3 An element has lost focus (use blur or focusout instead).
DOMNodeInserted  MutationEvent DOM L3 A node has been added as a child of another node (use mutation observers instead).
DOMNodeInsertedIntoDocument  MutationEvent DOM L3 A node has been inserted into the document (use mutation observers instead).
DOMNodeRemoved  MutationEvent DOM L3 A node has been removed from its parent node (use mutation observers instead).
DOMNodeRemovedFromDocument  MutationEvent DOM L3 A node has been removed from the document (use mutation observers instead).
DOMSubtreeModified  MutationEvent DOM L3 A change happened in the document (use mutation observers instead).
downloading Event Offline The user agent has found an update and is fetching it, or is downloading the resources listed by the cache manifest for the first time.
drag DragEvent HTML5 An element or text selection is being dragged (every 350ms).
dragend DragEvent HTML5 A drag operation is being ended (by releasing a mouse button or hitting the escape key).
dragenter DragEvent HTML5 A dragged element or text selection enters a valid drop target.
dragleave DragEvent HTML5 A dragged element or text selection leaves a valid drop target.
dragover DragEvent HTML5 An element or text selection is being dragged over a valid drop target (every 350ms).
dragstart DragEvent HTML5 The user starts dragging an element or text selection.
drop DragEvent HTML5 An element is dropped on a valid drop target.
durationchange Event HTML5 media The duration attribute has been updated.
emptied Event HTML5 media The media has become empty; for example, this event is sent if the media has already been loaded (or partially loaded), and the load() method is called to reload it.
end  Event Web Speech API The speech recognition service has disconnected.
end  SpeechSynthesisEvent Web Speech API The utterance has finished being spoken.
ended Event HTML5 media Playback has stopped because the end of the media was reached.
ended Event Web Audio API Playback has stopped because the end of the media was reached.
endEvent TimeEvent SVG A SMIL animation element ends.
error UIEvent DOM L3 A resource failed to load.
error ProgressEvent Progress and XMLHttpRequest Progression has failed.
error Event Offline An error occurred while downloading the cache manifest or updating the content of the application.
error Event WebSocket A WebSocket connection has been closed with prejudice (some data couldn't be sent for example).
error Event Server Sent Events An event source connection has been failed.
error Event IndexedDB A request caused an error and failed.
error  Event Web Speech API A speech recognition error occurs.
error SpeechSynthesisErrorEvent Web Speech API An error occurs that prevents the utterance from being successfully spoken.
focus FocusEvent  DOM L3 An element has received focus (does not bubble).
focusin FocusEvent  DOM L3 An element is about to receive focus (bubbles).
focusout FocusEvent  DOM L3 An element is about to lose focus (bubbles).
fullscreenchange Event Full Screen An element was turned to fullscreen mode or back to normal mode.
fullscreenerror Event Full Screen It was impossible to switch to fullscreen mode for technical reasons or because the permission was denied.
gamepadconnected GamepadEvent  Gamepad A gamepad has been connected.
gamepaddisconnected GamepadEvent  Gamepad A gamepad has been disconnected.
gotpointercapture PointerEvent Pointer Events Element receives pointer capture.
hashchange HashChangeEvent HTML5 The fragment identifier of the URL has changed (the part of the URL after the #).
lostpointercapture PointerEvent Pointer Events Element lost pointer capture.
input Event HTML5 The value of an element changes or the content of an element with the attribute contenteditable is modified.
invalid Event HTML5 A submittable element has been checked and doesn't satisfy its constraints.
keydown KeyboardEvent DOM L3 A key is pressed down.
keypress KeyboardEvent DOM L3 A key is pressed down and that key normally produces a character value (use input instead).
keyup KeyboardEvent DOM L3 A key is released.
languagechange  Event HTML 5.1
The definition of 'NavigatorLanguage.languages' in that specification.
The user's preferred languages have changed.
levelchange Event Battery status The level attribute has been updated.
load UIEvent DOM L3 A resource and its dependent resources have finished loading.
load ProgressEvent Progress and XMLHttpRequest Progression has been successful.
loadeddata Event HTML5 media The first frame of the media has finished loading.
loadedmetadata Event HTML5 media The metadata has been loaded.
loadend ProgressEvent Progress and XMLHttpRequest Progress has stopped (after "error", "abort" or "load" have been dispatched).
loadstart ProgressEvent Progress and XMLHttpRequest Progress has begun.
mark  SpeechSynthesisEvent Web Speech API The spoken utterance reaches a named SSML "mark" tag.
message MessageEvent WebSocket A message is received through a WebSocket.
message MessageEvent Web Workers A message is received from a Web Worker.
message MessageEvent Web Messaging A message is received from a child (i)frame or a parent window.
message MessageEvent Server Sent Events A message is received through an event source.
messageerror MessageEvent MessagePort, Web Workers, Broadcast Channel, Window A message error is raised when a message is received by an object.
message  ServiceWorkerMessageEvent or ExtendableMessageEvent, depending on context. Service Workers A message is received from a service worker, or a message is received in a service worker from another context.
mousedown MouseEvent DOM L3 A pointing device button (usually a mouse) is pressed on an element.
mouseenter MouseEvent DOM L3 A pointing device is moved onto the element that has the listener attached.
mouseleave MouseEvent DOM L3 A pointing device is moved off the element that has the listener attached.
mousemove MouseEvent DOM L3 A pointing device is moved over an element.
mouseout MouseEvent DOM L3 A pointing device is moved off the element that has the listener attached or off one of its children.
mouseover MouseEvent DOM L3 A pointing device is moved onto the element that has the listener attached or onto one of its children.
mouseup MouseEvent DOM L3 A pointing device button is released over an element.
nomatch  SpeechRecognitionEvent Web Speech API The speech recognition service returns a final result with no significant recognition.
notificationclick NotificationEvent  Notifications API
The definition of 'onnotificationclick' in that specification.
A system notification spawned by ServiceWorkerRegistration.showNotification() has been clicked.
noupdate Event Offline The manifest hadn't changed.
obsolete Event Offline The manifest was found to have become a 404 or 410 page, so the application cache is being deleted.
offline Event HTML5 offline The browser has lost access to the network.
online Event HTML5 offline The browser has gained access to the network (but particular websites might be unreachable).
open Event WebSocket A WebSocket connection has been established.
open Event Server Sent Events An event source connection has been established.
orientationchange Event Screen Orientation The orientation of the device (portrait/landscape) has changed
pagehide PageTransitionEvent HTML5 A session history entry is being traversed from.
pageshow PageTransitionEvent HTML5 A session history entry is being traversed to.
paste ClipboardEvent  Clipboard Data has been transferred from the system clipboard to the document.
pause Event HTML5 media Playback has been paused.
pause  SpeechSynthesisEvent Web Speech API The utterance is paused part way through.
pointercancel PointerEvent Pointer Events The pointer is unlikely to produce any more events.
pointerdown PointerEvent Pointer Events The pointer enters the active buttons state.
pointerenter PointerEvent Pointer Events Pointing device is moved inside the hit-testing boundary.
pointerleave PointerEvent Pointer Events Pointing device is moved out of the hit-testing boundary.
pointerlockchange Event Pointer Lock The pointer was locked or released.
pointerlockerror Event Pointer Lock It was impossible to lock the pointer for technical reasons or because the permission was denied.
pointermove PointerEvent Pointer Events The pointer changed coordinates.
pointerout PointerEvent Pointer Events The pointing device moved out of hit-testing boundary or leaves detectable hover range.
pointerover PointerEvent Pointer Events The pointing device is moved into the hit-testing boundary.
pointerup PointerEvent Pointer Events The pointer leaves the active buttons state.
play Event HTML5 media Playback has begun.
playing Event HTML5 media Playback is ready to start after having been paused or delayed due to lack of data.
popstate PopStateEvent HTML5 A session history entry is being navigated to (in certain cases).
progress ProgressEvent Progress and XMLHttpRequest In progress.
progress ProgressEvent Offline The user agent is downloading resources listed by the manifest.
push PushEvent  Push API A Service Worker has received a push message.
pushsubscriptionchange PushEvent  Push API A PushSubscription has expired.
ratechange Event HTML5 media The playback rate has changed.
readystatechange Event HTML5 and XMLHttpRequest The readyState attribute of a document has changed.
repeatEvent TimeEvent SVG A SMIL animation element is repeated.
reset Event DOM L2, HTML5 A form is reset.
resize UIEvent DOM L3 The document view has been resized.
resourcetimingbufferfull Performance Resource Timing The browser's resource timing buffer is full.
result  SpeechRecognitionEvent  Web Speech API The speech recognition service returns a result — a word or phrase has been positively recognized and this has been communicated back to the app.
resume  SpeechSynthesisEvent  Web Speech API A paused utterance is resumed.
scroll UIEvent DOM L3 The document view or an element has been scrolled.
seeked Event HTML5 media A seek operation completed.
seeking Event HTML5 media A seek operation began.
select UIEvent DOM L3 Some text is being selected.
selectstart  Event Selection API A selection just started.
selectionchange  Event Selection API The selection in the document has been changed.
show MouseEvent HTML5 A contextmenu event was fired on/bubbled to an element that has a contextmenu attribute
slotchange Event DOM The node contents of a HTMLSlotElement (<slot>) have changed.
soundend  Event Web Speech API Any sound — recognisable speech or not — has stopped being detected.
soundstart  Event Web Speech API Any sound — recognisable speech or not — has been detected.
speechend  Event Web Speech API Speech recognised by the speech recognition service has stopped being detected.
speechstart  Event Web Speech API Sound that is recognised by the speech recognition service as speech has been detected.
stalled Event HTML5 media The user agent is trying to fetch media data, but data is unexpectedly not forthcoming.
start  Event Web Speech API The speech recognition service has begun listening to incoming audio with intent to recognize grammars associated with the current SpeechRecognition.
start SpeechSynthesisEvent Web Speech API The utterance has begun to be spoken.
storage StorageEvent Web Storage A storage area (localStorage or sessionStorage) has changed.
submit Event DOM L2, HTML5 A form is submitted.
success Event IndexedDB A request successfully completed.
suspend Event HTML5 media Media data loading has been suspended.
SVGAbort SVGEvent SVG Page loading has been stopped before the SVG was loaded.
SVGError SVGEvent SVG An error has occurred before the SVG was loaded.
SVGLoad SVGEvent SVG An SVG document has been loaded and parsed.
SVGResize SVGEvent SVG An SVG document is being resized.
SVGScroll SVGEvent SVG An SVG document is being scrolled.
SVGUnload SVGEvent SVG An SVG document has been removed from a window or frame.
SVGZoom SVGZoomEvent SVG An SVG document is being zoomed.
timeout ProgressEvent XMLHttpRequest  
timeupdate Event HTML5 media The time indicated by the currentTime attribute has been updated.
touchcancel TouchEvent Touch Events A touch point has been disrupted in an implementation-specific manners (too many touch points for example).
touchend TouchEvent Touch Events A touch point is removed from the touch surface.
touchmove TouchEvent Touch Events A touch point is moved along the touch surface.
touchstart TouchEvent Touch Events A touch point is placed on the touch surface.
transitionend TransitionEvent  CSS Transitions A CSS transition has completed.
unload UIEvent DOM L3 The document or a dependent resource is being unloaded.
updateready Event Offline The resources listed in the manifest have been newly redownloaded, and the script can use swapCache() to switch to the new cache.
upgradeneeded   IndexedDB An attempt was made to open a database with a version number higher than its current version. A versionchange transaction has been created.
userproximity UserProximityEvent  Proximity Sensor Fresh data is available from a proximity sensor (indicates whether the nearby object is near the device or not).
voiceschanged  Event Web Speech API The list of SpeechSynthesisVoice objects that would be returned by the SpeechSynthesis.getVoices() method has changed (when the voiceschanged event fires.)
versionchange   IndexedDB A versionchange transaction completed.
visibilitychange Event Page visibility The content of a tab has become visible or has been hidden.
volumechange Event HTML5 media The volume has changed.
waiting Event HTML5 media Playback has stopped because of a temporary lack of data.
wheel WheelEvent DOM L3 A wheel button of a pointing device is rotated in any direction.

비표준 이벤트

이벤트명 이벤트 타입 명세 발생하는 시점
afterscriptexecute Event Mozilla Specific 스크립트가 실행되었을 때.
beforescriptexecute Event Mozilla Specific 스크립트가 실행될 때 쯤.
beforeinstallprompt Event Chrome specific 사용자가 웹사이트를 모바일의 홈 화면에 저장하기 위한 프롬프트를 했을 때.
cardstatechange   Firefox OS specific MozMobileConnection.cardState 속성이 값을 변경할 때.
change DeviceStorageChangeEvent Firefox OS specific 이 이벤트는 파일이 주어진 저장소에서 생성, 수정, 삭제될 때마다 실행됩니다.
connectionInfoUpdate   Firefox OS specific 신호 강도에 대한 정보와 링크 속도가 업데이트 되었을 때.
cfstatechange   Firefox OS specific 착신 전환 상태가 변경될 때.
datachange   Firefox OS specific MozMobileConnection.data 객체가 값을 변경할 때.
dataerror   Firefox OS specific MozMobileConnection.data 객체가 RIL 로부터 에러를 수신했을 때.
DOMMouseScroll   Mozilla specific 포인팅 장치의 휠 버튼이 회전했을 때(detail 속성은 라인의 수 입니다). (대신 wheel 을 사용하세요)
dragdrop  DragEvent Mozilla specific 엘리먼트가 드랍됐을 때(대신 drop 을 사용하세요).
dragexit  DragEvent Mozilla specific 드래그 작업이 종료될 때(대신 dragend 를 사용하세요).
draggesture  DragEvent Mozilla specific 사용자가 엘리먼트나 텍스트 선택을 드래그하기 시작할 때(대신 dragstart 를 사용하세요).
icccardlockerror   Firefox OS specific MozMobileConnection.unlockCardLock() 또는 MozMobileConnection.setCardLock() 메소드가 실패할 때.
iccinfochange   Firefox OS specific MozMobileConnection.iccInfo 객체가 변경할 때.
localized   Mozilla Specific 페이지가 data-l10n-* 속성을 사용해 지역화되었을 때.
mousewheel   IE invented 포인팅 장치의 휠 버튼이 회전했을 때.
MozAudioAvailable Event Mozilla specific 오디오 버퍼가 가득차고 해당되는 원본 샘플이 사용가능 할 때.
MozBeforeResize    Mozilla specific 창이 리사이즈 될 때 쯤.
mozbrowseractivitydone   Firefox OS Browser API-specific 어떤 활동이 완료될 때 전송됩니다(전체 설명 미정.)
mozbrowserasyncscroll   Firefox OS Browser API-specific 브라우저 <iframe> 의 스크롤 위치가 변경될 때.
mozbrowseraudioplaybackchange   Firefox OS Browser API-specific 브라우저 <iframe> 컨텐츠의 오디오 재생이 시작되거나 중지될 때.
mozbrowsercaretstatechanged   Firefox OS Browser API-specific 브라우저 <iframe> 컨텐츠내의 선택된 텍스트가 변경할 때.
mozbrowserclose   Firefox OS Browser API-specific 브라우저 <iframe> 에서 window.close() 가 호출될 때.
mozbrowsercontextmenu   Firefox OS Browser API-specific 브라우저 <iframe> 이 컨텍스트 메뉴 열기를 시도할 때.
mozbrowserdocumentfirstpaint   Firefox OS Browser API-specific 브라우저 <iframe> 내의 다큐먼트에서 새로운 페인트가 발생할 때.
mozbrowsererror   Firefox OS Browser API-specific 브라우저 iframe 에서 컨텐츠 로딩을 시도하는동안 에러가 발생할 때.
mozbrowserfindchange   Firefox OS Browser API-specific 브라우저 <iframe> 컨텐츠에서 검색 작업이 실행될 때(HTMLIFrameElement search methods 문서를 보세요.)
mozbrowserfirstpaint   Firefox OS Browser API-specific <iframe> 이 첫 번째로 컨텐츠를 페인트할 때(about:blank 에서의 첫 페인트는 포함하지 않습니다.)
mozbrowsericonchange   Firefox OS Browser API-specific 브라우저 iframe 의 favicon 이 변경될 때.
mozbrowserlocationchange   Firefox OS Browser API-specific 브라우저 iframe 의 위치가 변경될 때.
mozbrowserloadend   Firefox OS Browser API-specific 브라우저 iframe 이 모든 자원의 로딩을 마쳤을 때.
mozbrowserloadstart   Firefox OS Browser API-specific 브라우저 irame 이 새로운 페이지 로딩을 시작할 때.
mozbrowsermanifestchange   Firefox OS Browser API-specific 열린 웹 앱이 포함된 브라우저 <iframe> 의 경우, 앱 매니페스트의 경로가 변경될 때.
mozbrowsermetachange   Firefox OS Browser API-specific <meta> 엘리먼트가 브라우저 <iframe> 의 컨텐츠에서 추가, 제거, 변경될 때.
mozbrowseropensearch   Firefox OS Browser API-specific 검색 엔진의 링크가 발견되었을 때.
mozbrowseropentab   Firefox OS Browser API-specific Sent when a new tab is opened within a browser <iframe> as a result of the user issuing a command to open a link target in a new tab (for example ctrl/cmd + click.)
mozbrowseropenwindow   Firefox OS Browser API-specific Sent when window.open() is called within a browser iframe.
mozbrowserresize   Firefox OS Browser API-specific Sent when the browser <iframe>'s window size has changed.
mozbrowserscroll   Firefox OS Browser API-specific Sent when the browser <iframe> content scrolls.
mozbrowserscrollareachanged   Firefox OS Browser API-specific Sent when the available scrolling area  in the browser <iframe> changes. This can occur on resize and when the page size changes (while loading for example.)
mozbrowserscrollviewchange   Firefox OS Browser API-specific Sent when asynchronous scrolling (i.e. APCZ) starts or stops.
mozbrowsersecuritychange   Firefox OS Browser API-specific Sent when the SSL state changes within a browser iframe.
mozbrowserselectionstatechanged   Firefox OS Browser API-specific Sent when the text selected inside the browser <iframe> content changes. Note that this is deprecated, and newer implementations use mozbrowsercaretstatechanged instead.
mozbrowsershowmodalprompt   Firefox OS Browser API-specific Sent when alert(), confirm() or prompt() are called within a browser iframe
mozbrowsertitlechange   Firefox OS Browser API-specific Sent when the document.title changes within a browser iframe.
mozbrowserusernameandpasswordrequired   Firefox OS Browser API-specific Sent when an HTTP authentification is requested.
mozbrowservisibilitychange   Firefox OS Browser API-specific Sent when the visibility state of the current browser iframe <iframe> changes, for example due to a call to setVisible().
MozGamepadButtonDown   To be specified A gamepad button is pressed down.
MozGamepadButtonUp   To be specified A gamepad button is released.
MozMousePixelScroll    Mozilla specific The wheel button of a pointing device is rotated (detail attribute is a number of pixels). (use wheel instead)
MozOrientation    Mozilla specific Fresh data is available from an orientation sensor (see deviceorientation).
MozScrolledAreaChanged UIEvent Mozilla specific The document view has been scrolled or resized.
moztimechange   Mozilla specific The time of the device has been changed.
MozTouchDown    Mozilla specific A touch point is placed on the touch surface (use touchstart instead).
MozTouchMove    Mozilla specific A touch point is moved along the touch surface (use touchmove instead).
MozTouchUp    Mozilla specific A touch point is removed from the touch surface (use touchend instead).
alerting CallEvent To be specified The correspondent is being alerted (his/her phone is ringing).
busy CallEvent To be specified The line of the correspondent is busy.
callschanged CallEvent To be specified A call has been added or removed from the list of current calls.
onconnected connected CallEvent To be specified A call has been connected.
connecting CallEvent To be specified A call is about to connect.
delivered SMSEvent To be specified An SMS has been successfully delivered.
dialing CallEvent To be specified The number of a correspondent has been dialed.
disabled   Firefox OS specific Wifi has been disabled on the device.
disconnected CallEvent To be specified A call has been disconnected.
disconnecting CallEvent To be specified A call is about to disconnect.
enabled   Firefox OS specific Wifi has been enabled on the device.
error CallEvent To be specified An error occurred.
held CallEvent To be specified A call has been held.
holding CallEvent To be specified A call is about to be held.
incoming CallEvent To be specified A call is being received.
received SMSEvent To be specified An SMS has been received.
resuming CallEvent To be specified A call is about to resume.
sent SMSEvent To be specified An SMS has been sent.
statechange CallEvent To be specified The state of a call has changed.
statuschange   Firefox OS specific The status of the Wifi connection changed.
overflow UIEvent Mozilla specific An element has been overflowed by its content or has been rendered for the first time in this state (only works for elements styled with overflow != visible).
smartcard-insert   Mozilla specific A smartcard has been inserted.
smartcard-remove   Mozilla specific A smartcard has been removed.
stkcommand   Firefox OS specific The STK Proactive Command is issued from ICC.
stksessionend   Firefox OS specific The STK Session is terminated by ICC.
text   Mozilla Specific A generic composition event occurred.
touchenter TouchEvent Touch Events Removed  
touchleave TouchEvent Touch Events Removed  
underflow UIEvent Mozilla specific An element is no longer overflowed by its content (only works for elements styled with overflow != visible).
uploadprogress  ProgressEvent Mozilla Specific Upload is in progress (see progress).

ussdreceived

  Firefox OS specific A new USSD message is received
voicechange   Firefox OS specific The MozMobileConnection.voice object changes values.
msContentZoom   Microsoft specific  
MSManipulationStateChanged   Microsoft specific  
MSPointerHover    Microsoft specific  

Mozilla-specific events

Note: those events are never exposed to web content and can only be used in chrome content context.

XUL events

Event Name Event Type Specification Fired when...
broadcast   XUL An observer noticed a change to the attributes of a watched broadcaster.
CheckboxStateChange   XUL The state of a checkbox has been changed either by a user action or by a script (useful for accessibility).
close   XUL The close button of the window has been clicked.
command   XUL An element has been activated.
commandupdate   XUL A command update occurred on a commandset element.
DOMMenuItemActive   XUL A menu or menuitem has been hovered or highlighted.
DOMMenuItemInactive   XUL A menu or menuitem is no longer hovered or highlighted.
popuphidden PopupEvent XUL A menupopup, panel or tooltip has been hidden.
popuphiding PopupEvent XUL A menupopup, panel or tooltip is about to be hidden.
popupshowing PopupEvent XUL A menupopup, panel or tooltip is about to become visible.
popupshown PopupEvent XUL A menupopup, panel or tooltip has become visible.
RadioStateChange   XUL The state of a radio has been changed either by a user action or by a script (useful for accessibility).
ValueChange   XUL The value of an element has changed (a progress bar for example, useful for accessibility).

Add-on-specific events

Event Name Event Type Specification Fired when...
MozSwipeGesture   Addons specific A touch point is swiped across the touch surface
MozMagnifyGestureStart   Addons specific Two touch points start to move away from each other.
MozMagnifyGestureUpdate   Addons specific Two touch points move away from each other (after a MozMagnifyGestureStart).
MozMagnifyGesture   Addons specific Two touch points moved away from each other (after a sequence of MozMagnifyGestureUpdate).
MozRotateGestureStart   Addons specific Two touch points start to rotate around a point.
MozRotateGestureUpdate   Addons specific Two touch points rotate around a point (after a MozRotateGestureStart).
MozRotateGesture   Addons specific Two touch points rotate around a point (after a sequence of MozRotateGestureUpdate).
MozTapGesture   Addons specific Two touch points are tapped on the touch surface.
MozPressTapGesture   Addons specific A "press-tap" gesture happened on the touch surface (first finger down, second finger down, second finger up, first finger up).
MozEdgeUIGesture   Addons specific A touch point is swiped across the touch surface to invoke the edge UI (Win8 only).
MozAfterPaint   Addons specific Content has been repainted.
DOMPopupBlocked   Addons specific A popup has been blocked
DOMWindowCreated   Addons specific A window has been created.
DOMWindowClose   Addons specific A window is about to be closed.
DOMTitleChanged   Addons specifc The title of a window has changed.
DOMLinkAdded   Addons specifc A link has been added a document.
DOMLinkRemoved   Addons specifc A link has been removed inside from a document.
DOMMetaAdded   Addons specific A meta element has been added to a document.
DOMMetaRemoved   Addons specific A meta element has been removed from a document.
DOMWillOpenModalDialog   Addons specific A modal dialog is about to open.
DOMModalDialogClosed   Addons specific A modal dialog has been closed.
DOMAutoComplete   Addons specific The content of an element has been auto-completed.
DOMFrameContentLoaded   Addons specific The frame has finished loading (but not its dependent resources).
AlertActive   Addons specific A notification element is shown.
AlertClose   Addons specific A notification element is closed.
fullscreen   Addons specific Browser fullscreen mode has been entered or left.
sizemodechange   Addons specific Window has entered/left fullscreen mode, or has been minimized/unminimized.
MozEnteredDomFullscreen   Addons specific DOM fullscreen mode has been entered.
SSWindowClosing   Addons specific The session store will stop tracking this window.
SSTabClosing   Addons specific The session store will stop tracking this tab.
SSTabRestoring   Addons specific A tab is about to be restored.
SSTabRestored   Addons specific A tab has been restored.
SSWindowStateReady   Addons specific A window state has switched to "ready".
SSWindowStateBusy   Addons specific A window state has switched to "busy".
TabOpen   Addons specific A tab has been opened.
TabClose   Addons specific A tab has been closed.
TabSelect   Addons specific A tab has been selected.
TabShow   Addons specific A tab has been shown.
TabHide   Addons specific A tab has been hidden.
TabPinned   Addons specific A tab has been pinned.
TabUnpinned   Addons specific A tab has been unpinned.

Developer tool-specific events

Event Name Event Type Specification Fired when...
CssRuleViewRefreshed   devtools specific The "Rules" view of the style inspector has been updated.
CssRuleViewChanged   devtools specific The "Rules" view of the style inspector has been changed.
CssRuleViewCSSLinkClicked   devtools specific A link to a CSS file has been clicked in the "Rules" view of the style inspector.

See also

문서 태그 및 공헌자

이 페이지의 공헌자: mdnwebdocs-bot, cs09g, ExE-Boss, alattalatta, wbamberg, nacyot, teoli, Jeremie
최종 변경자: mdnwebdocs-bot,