AnimationEvent インターフェイス
AnimationEvent インターフェイスは、CSSアニメーションの実行によるイベントに関するインターフェイスです。
Event インターフェイスを継承しています。Event インターフェイスの Property と Method が使えます。
- Event
- └── AnimationEvent
ページ内 Index
Properties
Example Syntax
Boole = event.bubbles; String = event.animationName;
以下は AnimationEvent インターフェイスのプロパティです。Event インターフェイスから継承された プロパティも利用できます。
Property | |
---|---|
animationName | CSSアニメーション名 |
elapsedTime | CSSアニメーションが実行された秒数 |
AnimationEvent Types
AnimationEvent のイベントハンドラーは、CSS アニメーションを定義したエレメントに設定します。
Example Syntax
object.addEventListener( "animationstart", ()=>{...}, false );
AnimationEvent に関するイベントハンドラーには以下があります。
onanimationcancel | CSS アニメーションが中断されたら |
onanimationend | CSS アニメーションが終了したら |
onanimationiteration | CSS アニメーションが一通り再生したら |
onanimationstart | CSS アニメーションが開始したら |