Showing content from https://webplatform.github.io/docs/dom/TransitionEvent below:
TransitionEvent · WebPlatform Docs
TransitionEvent Summary
Provides specific contextual information associated with Cascading Style Sheets (CSS) transitions.
Inherits from EventEvent
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
DOMContentLoaded
:
afterprint
:
afterupdate
:
beforeactivate
:
beforecopy
:
beforecut
:
beforeeditfocus
:
beforepaste
:
beforeprint
:
beforeunload
:
beforeupdate
:
bounce
:
cellchange
:
change
:
contextmenu
:
controlselect
:
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.
filterchange
:
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
RetroSearch is an open source project built by @garambo
| Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4