この記事はまだボランティアによって 日本語 に翻訳されていません。ぜひ MDN に参加して翻訳を手伝ってください!
この記事を English (US) で読むこともできます。

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The TransitionEvent interface represents events providing information related to transitions.

Constructor

TransitionEvent()
Creates a TransitionEvent event with the given parameters.

Properties

Also inherits properties from its parent Event.

TransitionEvent.propertyName Read only
Is a DOMString containing the name CSS property associated with the transition.
TransitionEvent.elapsedTime Read only
Is a float giving the amount of time the transtion has been running, in seconds, when this event fired. This value is not affected by the transition-delay property.
TransitionEvent.pseudoElement Read only
Is a DOMString, starting with '::', containing the name of the pseudo-element the animation runs on. If the transition doesn't run on a pseudo-element but on the element, an empty string: ''.

Methods

Also inherits properties from its parent Event.

TransitionEvent.initTransitionEvent()
Initializes a TransitionEvent created using the deprecated Document.createEvent("TransitionEvent") method.

Specifications

Specification Status Comment
CSS Transitions
The definition of 'TransitionEvent' in that specification.
Working Draft Initial definition.

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support Yes Yes410 Yes Yes
TransitionEvent() constructor Yes No23 No Yes No
animationName Yes Yes410 Yes Yes
propertyName ? ? ? ? ? ?
elapsedTime Yes Yes410 Yes Yes
pseudoElement Yes No23 No Yes No
initTransitionEvent No1 Yes6 — 2310 No1 Yes
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support Yes Yes Yes4 Yes Yes ?
TransitionEvent() constructor Yes Yes No23 Yes No ?
animationName Yes Yes Yes4 Yes Yes ?
propertyName ? ? ? ? ? ? ?
elapsedTime Yes Yes Yes4 Yes Yes ?
pseudoElement Yes Yes No23 Yes No ?
initTransitionEvent No1 No1 Yes6 — 23 No1 Yes ?

1. Removal version unknown.

See also

ドキュメントのタグと貢献者

 このページの貢献者: fscholz, jpmedley, erikadoyle, Jeremie, teoli, Noitidart
 最終更新者: fscholz,