AnimationEvent

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2015年9月⁩.

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

コンストラクター

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

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