TransitionEvent: TransitionEvent() コンストラクター

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2016年8月以降、すべてのブラウザーで利用可能です。

TransitionEvent() コンストラクターは新しい TransitionEvent オブジェクトを返します。これはトランジションに関するイベントを表します。

構文

new TransitionEvent(type)
new TransitionEvent(type, options)

文字列で、イベントの名前を表します。大文字小文字を区別し、ブラウザーは transitionrun, transitionstart, transitionend, transitioncancel のいずれかを設定します。

オブジェクトで、 Event() で定義されているプロパティに加えて、以下のプロパティを持つことができます。

propertyName 省略可: 文字列で、トランジションに関連付けられた CSS プロパティの名前を格納します。既定値は "" です。
elapsedTime 省略可: アニメーションが一時停止していた時間を除き、このイベントが発行されたときにアニメーションが実行されている時間を秒単位で表す数値です。 "animationstart" イベントでは、 elapsedTime はふつう 0.0 ですが、 animation-delay が負の値である場合は、 elapsedTime が (-1 * delay) であるイベントが発行されます。既定値は 0.0 です。
pseudoElement 省略可: 文字列で、既定値は "::" です。アニメーションが実行される擬似要素の名前が入ります。アニメーションが擬似要素ではなく要素で実行されている場合は、空文字列 "" になります。既定値は "" です。