これは実験的な機能です。本番で使用する前にブラウザー実装状況をチェックしてください。

AnimationEvent インターフェイスは、アニメーションに関する情報を提供するイベントを表します。

コンストラクター

AnimationEvent()
指定された引数で AnimationEvent イベントを生成します。

プロパティ

親の Event から継承されるプロパティもあります

AnimationEvent.animationName 読取専用
DOMString で、この変化に関連付けられた animation-name CSS プロパティの値を含みます。
AnimationEvent.elapsedTime 読取専用
float 値で、アニメーションが実行された時間の長さを秒単位で表し、イベントが発生したときは、アニメーションが停止していた時間は除外されます。 animationstart イベントでは、 elapsedTime は、ふつう 0.0 となりますが、 animation-delay が負の値であった場合は例外で、この場合はイベントは elapsedTime(-1 * delay) が入った状態でイベントが発生します。
AnimationEvent.pseudoElement 読取専用
DOMString で、 '::' で始まり、アニメーションが実行される 疑似要素 の名前が入ります。このアニメーションが疑似要素ではなく要素で実行されている場合は、空文字列 '' になります。

メソッド

親の Event から継承されるメソッドもあります

AnimationEvent.initAnimationEvent()
非推奨の Document.createEvent("AnimationEvent") メソッドを使用して作成された AnimationEvent を初期化します。

仕様書

仕様書 状態 備考
CSS Animations
AnimationEvent の定義
草案 初回定義

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
AnimationEvent
実験的
Chrome 完全対応 43
完全対応 43
完全対応 あり
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
Edge ? Firefox 完全対応 6IE 完全対応 10Opera 完全対応 30
接頭辞付き
完全対応 30
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
完全対応 12.1
完全対応 12
接頭辞付き
接頭辞付き o のベンダー接頭辞が必要
Safari 完全対応 9.1
完全対応 9.1
完全対応 4
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
WebView Android 完全対応 あり
接頭辞付き
完全対応 あり
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
Chrome Android 完全対応 43
完全対応 43
完全対応 あり
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
Edge Mobile ? Firefox Android 完全対応 6Opera Android 完全対応 30
接頭辞付き
完全対応 30
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
完全対応 12.10
完全対応 12
接頭辞付き
接頭辞付き o のベンダー接頭辞が必要
Safari iOS ?
接頭辞付き
?
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
Samsung Internet Android 完全対応 4.0
完全対応 4.0
完全対応 あり
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
AnimationEvent
実験的
Chrome 完全対応 43
完全対応 43
完全対応 あり
Edge ? Firefox 完全対応 23IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 完全対応 43
完全対応 43
完全対応 あり
Chrome Android 完全対応 43
完全対応 43
完全対応 あり
Edge Mobile ? Firefox Android 完全対応 23Opera Android 未対応 なしSafari iOS ? Samsung Internet Android 完全対応 4.0
animationName
実験的
Chrome 完全対応 43
完全対応 43
完全対応 あり
Edge 完全対応 12Firefox 完全対応 6IE 完全対応 10Opera 完全対応 ありSafari 完全対応 9WebView Android 完全対応 43
完全対応 43
完全対応 あり
Chrome Android 完全対応 43
完全対応 43
完全対応 あり
Edge Mobile 完全対応 ありFirefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android 完全対応 4.0
elapsedTime
実験的
Chrome 完全対応 43Edge 完全対応 12Firefox 完全対応 6IE 完全対応 10Opera 完全対応 ありSafari 完全対応 9WebView Android 完全対応 ありChrome Android 完全対応 43Edge Mobile 完全対応 ありFirefox Android 完全対応 6Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 4.0
initAnimationEvent
実験的非推奨非標準
Chrome 未対応 ? — 18
代替名
未対応 ? — 18
代替名
代替名 非標準の名前 initWebKitAnimationEvent を使用しています。
Edge 未対応 12 — 16Firefox 未対応 6 — 23IE 完全対応 10Opera 未対応 12.1 — 15Safari 未対応 ? — 6
代替名
未対応 ? — 6
代替名
代替名 非標準の名前 initWebKitAnimationEvent を使用しています。
WebView Android 未対応 なしChrome Android 未対応 なしEdge Mobile ? Firefox Android 未対応 6 — 23Opera Android 未対応 ? — 15Safari iOS 未対応 ? — 6
代替名
未対応 ? — 6
代替名
代替名 非標準の名前 initWebKitAnimationEvent を使用しています。
Samsung Internet Android 未対応 なし
pseudoElement
実験的
Chrome 完全対応 68Edge 未対応 なしFirefox 完全対応 23IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 完全対応 68Chrome Android 完全対応 68Edge Mobile 未対応 なしFirefox Android 完全対応 23Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし

凡例

完全対応  
完全対応
未対応  
未対応
実装状況不明  
実装状況不明
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。
非標準。ブラウザー間の互換性が低い可能性があります。
非標準。ブラウザー間の互換性が低い可能性があります。
非推奨。新しいウェブサイトでは使用しないでください。
非推奨。新しいウェブサイトでは使用しないでください。
非標準の名前を使用しています。
非標準の名前を使用しています。
使用するには、ベンダー接頭辞または異なる名前が必要です。
使用するには、ベンダー接頭辞または異なる名前が必要です。

関連情報

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

このページの貢献者: mdnwebdocs-bot, mfuji09
最終更新者: mdnwebdocs-bot,