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

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

構文

js

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

引数

type

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

options 省略可

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

propertyName 省略可

文字列で、トランジションに関連付けられた CSS プロパティの名前を格納します。 既定値は "" です。

elapsedTime 省略可

アニメーションが一時停止していた時間を除き、このイベントが発行されたときにアニメーションが実行されている時間を秒単位で表す数値です。 "animationstart" イベントでは、 elapsedTime はふつう 0.0 ですが、 animation-delay が負の値である場合は、 elapsedTime(-1 * delay) であるイベントが発行されます。 既定値は 0.0 です。

pseudoElement 省略可

文字列で、既定値は "::" です。アニメーションが実行される擬似要素の名前が入ります。 アニメーションが擬似要素ではなく要素で実行されている場合は、空文字列 "" になります。 既定値は "" です。

返値

新しい TransitionEvent オブジェクトです。

仕様書

Specification
CSS Transitions
# dom-transitionevent-transitionevent

ブラウザーの互換性

BCD tables only load in the browser

関連情報