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

TransitionEventインターフェイス

 TransitionEventインターフェイスは、CSSが変化することで発生するイベントに関するインターフェイスです。

 Eventインターフェイスを継承していますので、EventインターフェイスのPropertyとMethod、Eventタイプが使えます。

TransitionEvent継承図
  • Event
    • └── TransitionEvent

Properties

Example Syntax

var bubbles_value = TransitionEvent.bubbles;
Property
elapsedTimeCSSアニメーションが実行された秒数
propertyName 
pseudoElement 

TransitionEvent Types

 TransitionEventタイプはエレメントに設定してwebページで起こるイベントを捉えます。

Example Syntax

object.onabort = function(){script_or_function};
TransitionEvent type
animationendCSSアニメーションの実行が完了したら
animationiterationCSSアニメーションが繰り返し実行されたら
animationstartCSSアニメーションの実行が始まったら