備忘録的プログラミングリファレンス

AnimationEvent インターフェイス

 AnimationEvent インターフェイスは、CSSアニメーションの実行によるイベントに関するインターフェイスです。

 Event インターフェイスを継承しています。Event インターフェイスの PropertyMethod が使えます。

AnimationEvent継承図
  • Event
    • └── AnimationEvent

ページ内 Index

Properties

Example Syntax

Boole = event.bubbles;
String = event.animationName;

 以下は AnimationEvent インターフェイスのプロパティです。Event インターフェイスから継承された プロパティも利用できます。

Property
animationNameCSSアニメーション名
elapsedTimeCSSアニメーションが実行された秒数

 Event インターフェイスから継承された メソッド も利用できます。

AnimationEvent Types

 AnimationEvent のイベントハンドラーは、CSS アニメーションを定義したエレメントに設定します。

Example Syntax

object.addEventListener( "animationstart", ()=>{...}, false );

 AnimationEvent に関するイベントハンドラーには以下があります。

onanimationcancelCSS アニメーションが中断されたら
onanimationendCSS アニメーションが終了したら
onanimationiterationCSS アニメーションが一通り再生したら
onanimationstartCSS アニメーションが開始したら