DOM イベントリファレンス

草案
このページは完成していません。

以下のイベントは、DOM 要素 の element.addEventListener() メソッドを使用してイベントハンドラを追加することにより、捕捉することができます。

注記: このページ及び配下のページは未完成です。ご注意下さい。

DOM events

イベント名 イベントの種類 ターゲット 仕様書 説明
DOMActivate     DOM L3 Events  
DOMAttrModified MutationEvent   DOM L3 Events See Mutation events.
DOMAttributeNameChanged MutationNameEvent   DOM L3 Events 未実装 at least in Gecko. See Mutation events.
DOMCharacterDataModified MutationEvent   DOM L3 Events See Mutation events.
DOMContentLoaded Event   HTML5  
DOMElementNameChanged MutationNameEvent   DOM L3 Events 未実装 at least in Gecko. See Mutation events.
DOMFocusIn FocusEvent Element DOM L3 Events

Use focus, focusin, and focusout events.

未実装 in Gecko (バグ 396927).

DOMFocusOut FocusEvent Element DOM L3 Events

Use focus, focusin, and focusout events.

未実装 in Gecko (バグ 396927).
DOMMouseScroll MouseScrollEvent Element, Document, Window    
DOMNodeInserted MutationEvent   DOM L3 Events See Mutation events.
DOMNodeInsertedIntoDocument MutationEvent   DOM L3 Events See Mutation events.
DOMNodeRemoved MutationEvent   DOM L3 Events See Mutation events.
DOMNodeRemovedFromDocument MutationEvent   DOM L3 Events See Mutation events.
DOMSubtreeModified MutationEvent   DOM L3 Events document の変更を通知する一般的なイベント。Mutation events を参照して下さい。
MozMousePixelScroll MouseScrollEvent Element, Document, Window    
abort Event (may also be UIEvent and ProgressEvent) Element, XMLHttpRequest, XMLHttpRequestUpload DOM L3 Events, HTML5, XHR L2 Fired when the transfer of a resource was aborted.
afterprint   Window, <body>, <frameset>   文書の印刷が開始される前に送信される。使用例については、 印刷リクエストの検出 を参照して下さい。
animationend AnimationEvent ?   CSS animations の頁を参照して下さい。
animationiteration AnimationEvent ?   CSS animations の頁を参照して下さい。
animationstart AnimationEvent ?   CSS animations の頁を参照して下さい。
beforeprint   Window, <body>, <frameset>   Fired before printing of a document begins. See Detecting print requests for an example.
beforeunload   Window, <body>, <frameset>   IE-specific. Fired before a resource is unloaded (while unload is fired afterward)
blur FocusEvent Element (except <body> and <frameseet>), Document   Fired when an element target loses focus.
callschanged CallEvent   WebTelephony Fired when the list of ongoing phone calls changes.
canplay   HTMLMediaElement HTML5  
canplaythrough   HTMLMediaElement HTML5  
click MouseEvent Element, Document, Window DOM L3 Events  
compositionend CompositionEvent Element DOM L3 Events
compositionstart CompositionEvent Element DOM L3 Events
compositionupdate CompositionEvent Element DOM L3 Events
contextmenu MouseEvent Element HTML5  
cuechange   <track>, TextTrack HTML5  
delivered SmsEvent SmsManager WebSMS API Fired when an SMS is delivered to a recipient.
dblclick MouseEvent Element, Document, Window DOM L3 Events  
drag   Element, Document, Window    
dragend   Element, Document, Window    
dragenter   Element, Document, Window    
dragleave   Element, Document, Window    
dragover   Element, Document, Window    
dragstart   Element, Document, Window    
drop   Element, Document, Window    
durationchange   HTMLMediaElement HTML5  
emptied   HTMLMediaElement HTML5  
ended   HTMLMediaElement HTML5  
error Event (may also be UIEvent and ProgressEvent) Element, XMLHttpRequest, XMLHttpRequestUpload DOM L3 Events, HTML5, XHR L2 Fired when a resource fails to load (network error, script execution error, etc).
focus FocusEvent Element (except <body> and <frameseet>), Document, Window DOM L3 Events 要素がフォーカスされた際に発生。
focusin FocusEvent   DOM L3 Events

Fired when an event target is about to receive focus but before the focus is shifted. This event occurs right before the focus event.

Gecko では 未実装 (バグ 687787)

focusout FocusEvent   DOM L3 Events

Fired when an event target is about to lose focus but before the focus is shifted. This event occurs right before the blur event.

Gecko では 未実装 (バグ 687787)

hashchange   Window, <body>, <frameset>    
incoming CallEvent   WebTelephony Fired when a new call is detected.
input Event Element HTML5  
invalid   Element, Document, Window    
keydown KeyboardEvent   DOM L3 Events キーが最初に押下された時に送信される。これは、キーマッピングが行われた後に送信されるが、 IME (input method editors) が keypress を受け取る前に送信される。これは、文字コードが生成されないどのようなキーが押下されても送信される。
keypress KeyboardEvent   DOM L3 Events

キーが最初押下された時に送信されるが、キーが通常の文字の値を持つ場合にのみ送信される。これは、キーマッピングが行われた後に送信されるが、IME が keypress を受け取る前に送信される。 仕様書: W3C Draft

注記: このイベントは、keydown イベントに追加で送信され、代わりに送信されるものではない。

このイベントは、textinput の方が好まれるため非推奨。

keyup KeyboardEvent   DOM L3 Events キーが離された時に送信される。これはキーマッピングが行われた後に送信され、常に対応する keydown 及び keypress イベントに続いて送信される。
load Event (may also be UIEvent and ProgressEvent) Element, Document, Window, XMLHttpRequest, XMLHttpRequestUpload DOM L3 Events, XHR L2 Fired when the resource (document, element, defaultView) and depending resources (images, script downloading and execution, css loading, etc.) are loaded.
loadeddata   HTMLMediaElement HTML5  
loadedmetadata   HTMLMediaElement HTML5  
loadend ProgressEvent XMLHttpRequest XHR L2  
loadstart Event (may be ProgressEvent) HTMLMediaElement, XMLHttpRequest, XMLHttpRequestUpload HTML5, XHR L2  
message   Window, <body>, <frameset>    
mousedown MouseEvent Element, Document, Window DOM L3 Events  
mouseenter MouseEvent   DOM L3 Events Fired when entering an element or any of its descendants.
mouseleave MouseEvent   DOM L3 Events Fired when leaving an element and all of its descendants.
mousemove MouseEvent Element, Document, Window DOM L3 Events  
mouseout MouseEvent Element, Document, Window DOM L3 Events  
mouseover MouseEvent Element, Document, Window DOM L3 Events  
mouseup MouseEvent Element, Document, Window DOM L3 Events  
mousewheel MouseWheelEvent Element, Document, Window  

未実装 in Gecko, supported by IE, Webkit and Opera.

see gecko-specific DOMMouseScroll equivalent

mozfullscreenchange   Document Sent to a document when an element its contains is granted full-screen mode, or leaves it. See Using full-screen mode for details.
offline   Window, <body>, <frameset> HTML5 window, document, document.body 上で使用可能。Online_and_offline_events を参照。
online   Window, <body>, <frameset> HTML5 window, document, document.body 上で使用可能。Online_and_offline_events を参照。
pagehide   Window, <body>, <frameset>    
pageshow   Window, <body>, <frameset>    
pause   HTMLMediaElement HTML5  
play   HTMLMediaElement HTML5  
playing   HTMLMediaElement HTML5  
popstate   Window, <body>, <frameset>   See window.onpopstate and Manipulating the browser history.
progress Event (may be ProgressEvent) HTMLMediaElement, XMLHttpRequest, XMLHttpRequestUpload HTML5, XHR L2  
ratechange   HTMLMediaElement HTML5  
readystatechange Event Document, XMLHttpRequest HTML5, XHR L2  
received SmsEvent SmsManager WebSMS API Fired when an SMS is received.
reset   Element, Document, Window    
resize UIEvent Window, <body>, <frameset> DOM L3 Events Fired when the browser window is resized. May apply to <iframe>s.
scroll UIEvent Element, Document, Window DOM L3 Events 閲覧者が文書や要素のスクロール操作を行った際に発生。
seeked   HTMLMediaElement HTML5  
seeking   HTMLMediaElement HTML5  
select UIEvent Element, Document, Window DOM L3 Events 閲覧者がテキストを選択した際に発生。
sent SmsEvent SmsManager WebSMS API Fired when an SMS is sent.
show Event HTMLMenuElement HTML5  
stalled   HTMLMediaElement HTML5  
storage StorageEvent Window, <body>, <frameset>    
submit   Element, Document, Window    
suspend   HTMLMediaElement HTML5  
textinput TextInput Element 古い DOM レベル 3 イベント仕様にて定義されていたが、廃止済。keypress イベントと似ているが、すべてのテキスト入力メソッド (IM) で動作し、キーボード入力だけに限定されない。テキストボックスへのテキストの貼り付けでも、このイベントが発生する。

IE and WebKit support this (the event name is textinput on IE, textInput on WebKit).

in favor of input event (see bug 12958).

timeout ProgressEvent XMLHttpRequest, XMLHttpRequestUpload XHR L2  
timeupdate   HTMLMediaElement HTML5  
touchstart TouchEvent Element, Document, Window Touch events v1  
touchmove TouchEvent Element, Document, Window Touch events v1  
touchend TouchEvent Element, Document, Window Touch events v1  
touchcancel TouchEvent Element, Document, Window Touch events v1  
unload UIEvent Window, <body>, <frameset> DOM L3 Events Fired when the resource (document, element, defaultView) or any depending resources (images, CSS file, etc.) is removed from the environment.
volumechange   HTMLMediaElement HTML5  
waiting   HTMLMediaElement HTML5  
wheel WheelEvent Element, Document, Window DOM L3 Events

仕様書

DOM Level 3 Events (W3C Working Draft)

参照

Document Tags and Contributors

Contributors to this page: ziyunfei, Masayuki, ethertank, Marsf
最終更新者: ethertank,