TransitionEvent
Summary
Provides specific contextual information associated with Cascading Style Sheets (CSS) transitions.
Properties
- elapsedTime
- The amount of time the transition has been running, in seconds.
- propertyName
- Specifies or retrives a string containg the name of the changed property.
Methods
- initTransitionEvent
- Initializes a transition event created using the deprecated Document.createEvent(“TransitionEvent”) method.
Events
No events.
Inherited from Event
Properties
- bubbles
- Gets a value that indicates whether an event propagates up from the event target.
- cancelable
- Gets a value that indicates whether you can cancel an event’s default action.
- currentTarget
- Gets the event target that is currently being processed.
- defaultPrevented
- Gets whether the default action should be canceled.
- eventPhase
- Gets the event phase that is being evaluated.
- isTrusted
- Gets a value that indicates whether a trusted event source created an event.
- target
- Gets the element that is the original target of the event.
- timeStamp
- Gets the time, in milliseconds, when an event occurred.
- type
- Gets the name of an event.
Methods
- initEvent
- Initializes a new generic event that the createEvent method created.
- preventDefault
- Cancels the default action of an event, if possible.
- stopImmediatePropagation
- Prevents any further propagation of an event.
- stopPropagation
- Prevents propagation of an event beyond the current target.
Events
bounce
:
change
:
copy
:
- cut
- Fires after a data selection is cut to the clipboard.
- dataavailable
- Fires when new data at a data source becomes available.
- datasetchanged
- Fires when content at a data source has changed.
- datasetcomplete
- Fires when data transfer from the data source has completed.
- deactivate
- Sets an active version of an object to not active.
- error
- Fires when an error occurs.
- errorupdate
- Executes any error handling associated with the event.
finish
:
Notes
Remarks
The completion of a CSS transition generates a corresponding Document Object Model (DOM) event. An event is fired for each property that undergoes a transition. This allows a content developer to perform actions that synchronize with the completion of a transition.
Each event provides the name of the property the transition is associated with as well as the duration of the transition.
Related specifications
- CSS Transitions
- Working Draft
Attributions
Mozilla Developer Network
: [TransitionEvent Article]Microsoft Developer Network: [TransitionEvent Object Article]