W3cubDocs

/DOM

TransitionEvent

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.

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

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 transition 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: ''.

Also inherits properties from its parent Event.

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

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

	Desktop
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari
Basic support	Yes	Yes	4	10	Yes	Yes
`TransitionEvent()` constructor	Yes	No	23	No	Yes	No
`animationName`	Yes	Yes	4	10	Yes	Yes
`propertyName`	?	?	?	?	?	?
`elapsedTime`	Yes	Yes	4	10	Yes	Yes
`pseudoElement`	Yes	No	23	No	Yes	No
`initTransitionEvent`	No No Removal version unknown.	Yes	6 — 23	10	No No Removal version unknown.	Yes

	Mobile
	Android webview	Chrome for Android	Edge Mobile	Firefox for Android	Opera for Android	iOS Safari	Samsung Internet
Basic support	Yes	Yes	Yes	4	Yes	Yes	?
`TransitionEvent()` constructor	Yes	Yes	No	23	Yes	No	?
`animationName`	Yes	Yes	Yes	4	Yes	Yes	?
`propertyName`	?	?	?	?	?	?	?
`elapsedTime`	Yes	Yes	Yes	4	Yes	Yes	?
`pseudoElement`	Yes	Yes	No	23	Yes	No	?
`initTransitionEvent`	No No Removal version unknown.	No No Removal version unknown.	Yes	6 — 23	No No Removal version unknown.	Yes	?