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.
General info
- Interface
TransitionEvent
- Bubbles
- Yes
- Cancelable
- No
- Target
document
,element
- Default Action
- None
Properties
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? |
propertyName Read only |
DOMString |
The name of the CSS property associated with the transition. |
elapsedTime Read 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 . |
pseudoElement Read 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). |
Specifications
Specification | Status | Comment |
---|---|---|
CSS Transitions The definition of 'transitioncancel' in that specification. |
Working Draft | Initial definition. |
Browser compatibility
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 |
See also
- The
GlobalEventHandlers.ontransitioncancel
event handler - The
TransitionEvent
interface transitionstart
,transitionend
- CSS properties:
transition
,transition-delay
,transition-duration
,transition-property
,transition-timing-function
.