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 を初期化します。
テスト