This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The transitioncancel event is fired when a CSS transition is canceled.
See GlobalEventHandlers.ontransitioncancel for more information and an example.
TransitionEventdocument, element
| Property | Type | Description |
|---|---|---|
target Read only
| EventTarget | The event target (the topmost target in the DOM tree). |
type Read only
| DOMString | The type of event. |
bubbles Read only
| Boolean | Whether the event normally bubbles or not |
cancelable Read only
| Boolean | Whether the event is cancellable or not? |
propertyNameRead only
| DOMString | The name of the CSS property associated with the transition. |
elapsedTimeRead only
| Float | The amount of time the transition has been running, in seconds, as of the time the event was generated. This value is not affected by the value of transition-delay. |
pseudoElementRead only
| DOMString | The name (beginning with two colons) of the CSS pseudo-element on which the transition occured (in which case the target of the event is that pseudo-element's corresponding element), or the empty string if the transition occurred on an element (which means the target of the event is that element). |
| Specification | Status | Comment |
|---|---|---|
| CSS Transitions The definition of 'transitioncancel' in that specification. | Working Draft | Initial definition. |
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Basic support | No support | 53 (53) | No support | No support | No support |
| Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | No support | 53.0 (53) | No support | No support | No support |
GlobalEventHandlers.ontransitioncancel event handlerTransitionEvent interfacetransitionstart, transitionend
transition, transition-delay, transition-duration, transition-property, transition-timing-function.
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/Events/transitioncancel