DOM

AnimationEvent インターフェイス

 編集:2022.10.10 by T.A.

[Edge]。→

実験的: これは実験的な機能です。本番で使用する前にブラウザー互換性一覧表をチェックしてください。

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

コンストラクター
new AnimationEvent()
指定された引数で新しい AnimationEvent イベントを作成します。
プロパティ

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

AnimationEvent.animationName 読取専用
この変化に関連付けられた CSS プロパティの値を DOMString で示します。CSS プロパティ→animation-name
AnimationEvent.elapsedTime 読取専用
アニメーションが実行された時間の長さを表す、秒単位の float 値で示します。

イベントが発生したときは、アニメーションが停止していた時間は除外されます。animationstart イベントでは、elapsedTime は、ふつう 0.0 となりますが、animation-delay が負の値であった場合は例外で、この場合はイベントは elapsedTime に(-1 * delay)が入った状態でイベントが発生します。

AnimationEvent.pseudoElement 読取専用
アニメーションが実行される擬似要素の名前を DOMString で示します。

内容は、「::」ではじまり、擬似要素の名前が続きます。アニメーションが擬似要素ではなく要素上で実行される場合は、空の文字列「」です。

メソッド

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

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

テスト