Event インターフェイスは、DOM で発生するイベントを表します。ユーザーによって発生するイベント (マウスやキーボードのイベント) もありますし、API によって発生するイベント (アニメーションの実行が完了したことを示すイベントや、動画再生が一時停止したイベントなど) もあります。さまざまな型のイベントがあり、一部のイベントは基底の Event インターフェイスを基にした他のインターフェイスを使用します。Event 自体は、すべてのイベントで共通のプロパティやメソッドを持ちます。

Event を基にしたインターフェイス

以下のリストは Event インターフェイスを基にしたインターフェイスの一覧であり、 MDN API リファレンスの各ドキュメントにリンクしています。すべてのイベントインターフェイスは、名称の末尾が "Event" であることに留意してください。

コンストラクター

Event()
Event オブジェクトを生成して、呼び出し元に返します。

プロパティ

Event.bubbles 読取専用
イベントが DOM を通して浮上 (bubble up) するかを示す boolean 値です。
Event.cancelBubble
Event.stopPropagation() の歴史的な別名です。イベントハンドラーから戻る前に値 true を設定すると、イベントの伝播を抑制します。
Event.cancelable 読取専用
イベントがキャンセル可能かを示す boolean 値です。
Event.composed 読取専用
shadow DOM と 通常の DOM の間の境界を越えてイベントが伝播できるかをを示す Boolean 値です。
Event.currentTarget 読取専用
イベントが現在登録されているターゲットへの参照。これは、現在イベントの送信先として予定されているオブジェクトです。これはリターゲティングによって、途中で変更できます。
Event.deepPath
イベントの伝播で通り抜けた DOM NodeArray です。
Event.defaultPrevented 読取専用
event.preventDefault() がイベントで呼ばれたかどうかを示します。
Event.eventPhase 読取専用
イベントの流れのうちどの段階が処理されているかを示します。
Event.explicitOriginalTarget 読取専用
イベントの明確な最初のターゲット (Mozilla 特有)。
Event.originalTarget 読取専用
イベントの再ターゲット前の最初のターゲット (Mozilla 特有)。
Event.returnValue
Internet Explorer によって導入された歴史的なプロパティで、既存のサイトが動作し続けることを保証するために結果的に DOM 仕様書に導入されたものです。理想的には、 Event.preventDefault() および Event.defaultPrevented を代わりに使用してみるべきですが、選択次第では returnValue を使用することができます。
Event.srcElement
Event.target の、(古いバージョンの Microsoft Internet Explorer 由来の) 標準外の別名であり、ウェブの互換性の目的で一部の他のブラウザーでも対応が始められています。
Event.target 読取専用
イベントが最初に送出されたターゲットへの参照。
Event.timeStamp 読取専用
イベントが生成された時刻をミリ秒単位で示します。仕様書ではこの値をエポックから経過した時間としていますが、実際のブラウザの定義は異なります。また、値を DOMHighResTimeStamp に変更する作業が進行中です。
Event.type 読取専用
イベントの名前 (大文字小文字を区別しません)。
Event.isTrusted 読取専用
イベントがブラウザーによって開始されたか (たとえばユーザークリックの後)、または、スクリプトによって開始されたか (event.initEvent のようなイベントを作るメソッドの使用) どうかを示します。

廃止されたプロパティ

Event.scoped 読取専用
Boolean で、指定されたイベントが標準 DOM の中のシャドウルートを通してバブルするかどうかを示します。このプロパティは composed に改名されました。

メソッド

Event.createEvent()

新しいイベントを作成し、これはその後で initEvent() メソッドを呼び出すことで初期化する必要があります。

Event.composedPath()
(リスナーが呼び出されるオブジェクトへの) イベントのパスを返します。これはシャドウルートが ShadowRoot.mode が閉じた状態で作成されたシャドウツリーのノードを含みません。
Event.initEvent()
生成されたイベントの値を初期化します。イベントがすでにディスパッチされている場合は、何も行いません。
Event.preventDefault()
イベントをキャンセルします (キャンセル可能な場合のみ)。
Event.stopImmediatePropagation()
この特定のイベントのために、他のいかなるリスナーも呼び出されません。同じ要素に付けられたリスナーも、後で横断される(たとえばキャプチャー段階の) 要素に付けられたリスナーも呼び出されません。
Event.stopPropagation()
これ以上イベントが 伝播 (propagation) するのを停止します。

廃止されたメソッド

Event.getPreventDefault()
標準外です。Event.defaultPrevented の値を返します。代わりに Event.defaultPrevented を使用してください。
Event.preventBubble() Gecko 24 で廃止
イベントが 浮上 (bubble up) しないようにします。廃止されたので、代わりに event.stopPropagation を使ってください。
Event.preventCapture() Gecko 24 で廃止
廃止されたので、event.stopPropagation を使ってください。

仕様書

仕様書 状態 備考
DOM
Event の定義
現行の標準  

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOS 版 SafariSamsung Internet
基本対応Chrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 ありIE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android ?
Event() constructorChrome 完全対応 15Edge 完全対応 ありFirefox 完全対応 11IE 未対応 なしOpera 完全対応 11.6Safari 完全対応 6WebView Android 完全対応 ありChrome Android 完全対応 18Edge Mobile 完全対応 ありFirefox Android 完全対応 14Opera Android 完全対応 11.6Safari iOS 完全対応 6Samsung Internet Android ?
bubblesChrome 完全対応 ありEdge ? Firefox ? IE ? Opera 完全対応 ありSafari ? WebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile ? Firefox Android ? Opera Android 完全対応 ありSafari iOS ? Samsung Internet Android ?
cancelBubbleChrome 完全対応 あり
補足
完全対応 あり
補足
補足 Starting with Chrome 58 and Opera 45, setting this property to false does nothing, as per spec discussion.
Edge 完全対応 ありFirefox 完全対応 53
補足
完全対応 53
補足
補足 Prior to Firefox 53, this property was defined on the UIEvent interface. See bug 1298970 for more details.
IE 完全対応 ありOpera 完全対応 あり
補足
完全対応 あり
補足
補足 Starting with Chrome 58 and Opera 45, setting this property to false does nothing, as per spec discussion.
Safari 完全対応 ありWebView Android 完全対応 あり
補足
完全対応 あり
補足
補足 Starting with Chrome 58 and Opera 45, setting this property to false does nothing, as per spec discussion.
Chrome Android 完全対応 あり
補足
完全対応 あり
補足
補足 Starting with Chrome 58 and Opera 45, setting this property to false does nothing, as per spec discussion.
Edge Mobile 完全対応 ありFirefox Android 完全対応 53
補足
完全対応 53
補足
補足 Prior to Firefox 53, this property was defined on the UIEvent interface. See bug 1298970 for more details.
Opera Android 完全対応 あり
補足
完全対応 あり
補足
補足 Starting with Chrome 58 and Opera 45, setting this property to false does nothing, as per spec discussion.
Safari iOS 完全対応 ありSamsung Internet Android ?
cancelableChrome 完全対応 ありEdge ? Firefox ? IE ? Opera 完全対応 ありSafari ? WebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile ? Firefox Android ? Opera Android 完全対応 ありSafari iOS ? Samsung Internet Android ?
composedChrome 完全対応 53Edge ? Firefox 完全対応 52IE ? Opera 完全対応 40Safari ? WebView Android 完全対応 53Chrome Android 完全対応 53Edge Mobile ? Firefox Android 完全対応 52Opera Android 完全対応 40Safari iOS ? Samsung Internet Android ?
composedPathChrome 完全対応 53
完全対応 53
未対応 50 — 53
代替名
代替名 非標準の名前 deepPath を使用しています。
Edge 未対応 なしFirefox 完全対応 52IE 未対応 なしOpera 完全対応 40
完全対応 40
未対応 37 — 40
代替名
代替名 非標準の名前 deepPath を使用しています。
Safari 完全対応 10WebView Android 完全対応 53
完全対応 53
未対応 50 — 53
代替名
代替名 非標準の名前 deepPath を使用しています。
Chrome Android 完全対応 53
完全対応 53
未対応 50 — 53
代替名
代替名 非標準の名前 deepPath を使用しています。
Edge Mobile 未対応 なしFirefox Android 完全対応 52Opera Android 完全対応 40
完全対応 40
未対応 37 — 40
代替名
代替名 非標準の名前 deepPath を使用しています。
Safari iOS 完全対応 10Samsung Internet Android ?
createEventChrome 未対応 なしEdge ? Firefox ? IE ? Opera 未対応 なしSafari ? WebView Android 未対応 なしChrome Android 未対応 なしEdge Mobile ? Firefox Android ? Opera Android 未対応 なしSafari iOS ? Samsung Internet Android ?
currentTargetChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 ありIE 完全対応 9
完全対応 9
未対応 6 — 9
補足
補足 On Internet Explorer 6 through 8, the event model is different. Event listeners are attached with the non-standard EventTarget.attachEvent method. In this model, there is no equivalent to event.currentTarget and this is the global object. One solution to emulate the event.currentTarget feature is to wrap your handler in a function calling the handler using Function.prototype.call with the element as a first argument. This way, this will be the expected value.
Opera 完全対応 ありSafari 完全対応 10WebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 10Samsung Internet Android ?
defaultPreventedChrome 完全対応 18Edge 完全対応 ありFirefox 完全対応 6IE 完全対応 9Opera 完全対応 11Safari 完全対応 5WebView Android 完全対応 ありChrome Android 完全対応 18Edge Mobile 完全対応 ありFirefox Android 完全対応 6Opera Android 完全対応 11Safari iOS 完全対応 5Samsung Internet Android ?
eventPhaseChrome 完全対応 45Edge ? Firefox ? IE ? Opera 完全対応 32Safari ? WebView Android 完全対応 45Chrome Android 完全対応 45Edge Mobile ? Firefox Android ? Opera Android 完全対応 32Safari iOS ? Samsung Internet Android ?
explicitOriginalTarget
非標準
Chrome 未対応 なしEdge 未対応 なしFirefox 完全対応 ありIE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしEdge Mobile 未対応 なしFirefox Android 完全対応 ありOpera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android ?
getPreventDefault
非推奨非標準
Chrome 未対応 なしEdge ? Firefox 未対応 ? — 59
補足
未対応 ? — 59
補足
補足 See bug 691151.
IE ? Opera 未対応 なしSafari ? WebView Android 未対応 なしChrome Android 未対応 なしEdge Mobile ? Firefox Android 未対応 ? — 59
補足
未対応 ? — 59
補足
補足 See bug 691151.
Opera Android 未対応 なしSafari iOS ? Samsung Internet Android ?
initEvent
非推奨
Chrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 17
完全対応 17
未対応 ? — 17
補足
補足 Before Firefox 17, a call to this method after the dispatching of the event raised an exception instead of doing nothing.
IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 17
完全対応 17
未対応 ? — 17
補足
補足 Before Firefox 17, a call to this method after the dispatching of the event raised an exception instead of doing nothing.
Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android ?
isTrustedChrome 完全対応 46
補足
完全対応 46
補足
補足 Starting with Chrome 53 and Opera 40, untrusted events do not invoke the default action.
Edge 完全対応 ありFirefox 完全対応 ありIE 未対応 なし
補足
未対応 なし
補足
補足 In Internet Explorer, all events are trusted except those that are created with the createEvent() method.
Opera 完全対応 33
補足
完全対応 33
補足
補足 Starting with Chrome 53 and Opera 40, untrusted events do not invoke the default action.
Safari 未対応 なしWebView Android 完全対応 46
補足
完全対応 46
補足
補足 Starting with version 53, untrusted events do not invoke the default action.
Chrome Android 完全対応 46
補足
完全対応 46
補足
補足 Starting with Chrome 53 and Opera 40, untrusted events do not invoke the default action.
Edge Mobile 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 33
補足
完全対応 33
補足
補足 Starting with Chrome 53 and Opera 40, untrusted events do not invoke the default action.
Safari iOS 未対応 なしSamsung Internet Android ?
originalTarget
非標準
Chrome 未対応 なしEdge 未対応 なしFirefox 完全対応 ありIE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしEdge Mobile 未対応 なしFirefox Android 完全対応 ありOpera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android ?
preventBubble
非推奨非標準
Chrome 未対応 なしEdge ? Firefox 未対応 ? — 24IE ? Opera 未対応 なしSafari ? WebView Android 未対応 なしChrome Android 未対応 なしEdge Mobile ? Firefox Android 未対応 ? — 24Opera Android 未対応 なしSafari iOS ? Samsung Internet Android ?
preventCapture
非推奨非標準
Chrome 未対応 なしEdge ? Firefox 未対応 ? — 24IE ? Opera 未対応 なしSafari ? WebView Android 未対応 なしChrome Android 未対応 なしEdge Mobile ? Firefox Android 未対応 ? — 24Opera Android 未対応 なしSafari iOS ? Samsung Internet Android ?
preventDefaultChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 ありIE 完全対応 9Opera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android ?
returnValue
非推奨
Chrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 63IE 完全対応 6Opera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 63Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android ?
srcElement
非標準
Chrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 62IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 62Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android ?
stopImmediatePropagationChrome 完全対応 6Edge 完全対応 ありFirefox 完全対応 10IE 完全対応 9Opera 完全対応 15Safari 完全対応 5WebView Android 完全対応 ありChrome Android 完全対応 18Edge Mobile 完全対応 ありFirefox Android 完全対応 10Opera Android 完全対応 15Safari iOS 完全対応 5Samsung Internet Android ?
stopPropagationChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 ありIE 完全対応 9Opera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android ?
targetChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 ありIE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android ?
timeStampChrome 完全対応 49
補足
完全対応 49
補足
補足 Starting with Chrome 49, Firefox 54 and Opera 36, this property returns DOMHighResTimeStamp instead of DOMTimeStamp.
Edge 完全対応 ありFirefox 完全対応 あり
補足
完全対応 あり
補足
補足 Starting with Chrome 49, Firefox 54 and Opera 36, this property returns DOMHighResTimeStamp instead of DOMTimeStamp.
IE 完全対応 あり
補足
完全対応 あり
補足
補足 Starting with Chrome 49, Firefox 54 and Opera 36, this property returns DOMHighResTimeStamp instead of DOMTimeStamp.
Opera 完全対応 36
補足
完全対応 36
補足
補足 Starting with Chrome 49, Firefox 54 and Opera 36, this property returns DOMHighResTimeStamp instead of DOMTimeStamp.
Safari 完全対応 ありWebView Android 完全対応 49
補足
完全対応 49
補足
補足 Starting with version 49, this property returns DOMHighResTimeStamp instead of DOMTimeStamp.
Chrome Android 完全対応 49
補足
完全対応 49
補足
補足 Starting with Chrome 49, Firefox 54 and Opera 36, this property returns DOMHighResTimeStamp instead of DOMTimeStamp.
Edge Mobile 完全対応 ありFirefox Android 完全対応 あり
補足
完全対応 あり
補足
補足 Starting with Chrome 49, Firefox 54 and Opera 36, this property returns DOMHighResTimeStamp instead of DOMTimeStamp.
Opera Android 完全対応 36
補足
完全対応 36
補足
補足 Starting with Chrome 49, Firefox 54 and Opera 36, this property returns DOMHighResTimeStamp instead of DOMTimeStamp.
Safari iOS 完全対応 ありSamsung Internet Android ?
typeChrome 完全対応 45Edge ? Firefox ? IE ? Opera 完全対応 32Safari ? WebView Android 完全対応 45Chrome Android 完全対応 45Edge Mobile ? Firefox Android ? Opera Android 完全対応 32Safari iOS ? Samsung Internet Android ?

凡例

完全対応  
完全対応
未対応  
未対応
実装状況不明  
実装状況不明
非標準。ブラウザー間の互換性が低い可能性があります。
非標準。ブラウザー間の互換性が低い可能性があります。
非推奨。新しいウェブサイトでは使用しないでください。
非推奨。新しいウェブサイトでは使用しないでください。
実装ノートを参照してください。
実装ノートを参照してください。
非標準の名前を使用しています。
非標準の名前を使用しています。

関連情報

ドキュメントのタグと貢献者

最終更新者: mfuji09,