ElementEventProps
Value members
Inherited fields
fired when an element receives pointer capture.
fired when an element receives pointer capture.
MDN
- Inherited from
- PointerEventProps
Fired after pointer capture is released for a pointer.
Fired after pointer capture is released for a pointer.
MDN
- Inherited from
- PointerEventProps
The animationend event is event fires when a CSS animation reaches the end of its active period.
The animationend event is event fires when a CSS animation reaches the end of its active period.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/animationend_event
- Inherited from
- MiscellaneousEventProps
The animationiteration event is sent when a CSS animation reaches the end of an iteration. An iteration ends when a single pass through the sequence of animation instructions is completed by executing the last animation step.
The animationiteration event is sent when a CSS animation reaches the end of an iteration. An iteration ends when a single pass through the sequence of animation instructions is completed by executing the last animation step.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/animationiteration_event
- Inherited from
- MiscellaneousEventProps
The animationstart event is sent when a CSS Animation starts to play.
The animationstart event is sent when a CSS Animation starts to play.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/animationstart_event
- Inherited from
- MiscellaneousEventProps
The blur event is raised when an element loses focus.
The blur event is raised when an element loses focus.
MDN
- Inherited from
- FormEventProps
Script to be run when a file is ready to start playing (when it has buffered enough to begin)
Script to be run when a file is ready to start playing (when it has buffered enough to begin)
- Inherited from
- MediaEventProps
Script to be run when a file can be played all the way to the end without pausing for buffering
Script to be run when a file can be played all the way to the end without pausing for buffering
- Inherited from
- MediaEventProps
The change event is fired for input, select, and textarea elements when a change to the element's value is committed by the user.
The change event is fired for input, select, and textarea elements when a change to the element's value is committed by the user.
MDN
- Inherited from
- FormEventProps
The click event is raised when the user clicks on an element. The click event will occur after the mousedown and mouseup events.
The click event is raised when the user clicks on an element. The click event will occur after the mousedown and mouseup events.
MDN
- Inherited from
- MouseEventProps
Script to be run when a context menu is triggered
Script to be run when a context menu is triggered
- Inherited from
- MouseEventProps
Script to be run when the cue changes in a
Script to be run when the cue changes in a
- Inherited from
- MediaEventProps
The dblclick event is fired when a pointing device button (usually a mouse button) is clicked twice on a single element.
The dblclick event is fired when a pointing device button (usually a mouse button) is clicked twice on a single element.
MDN
- Inherited from
- MouseEventProps
Script to be run when an element is dragged
Script to be run when an element is dragged
- Inherited from
- MouseEventProps
Script to be run at the end of a drag operation
Script to be run at the end of a drag operation
- Inherited from
- MouseEventProps
Script to be run when an element has been dragged to a valid drop target
Script to be run when an element has been dragged to a valid drop target
- Inherited from
- MouseEventProps
Script to be run when an element leaves a valid drop target
Script to be run when an element leaves a valid drop target
- Inherited from
- MouseEventProps
Script to be run when an element is being dragged over a valid drop target
Script to be run when an element is being dragged over a valid drop target
- Inherited from
- MouseEventProps
Script to be run at the start of a drag operation
Script to be run at the start of a drag operation
- Inherited from
- MouseEventProps
Script to be run when dragged element is being dropped
Script to be run when dragged element is being dropped
- Inherited from
- MouseEventProps
Script to be run when the length of the media changes
Script to be run when the length of the media changes
- Inherited from
- MediaEventProps
Script to be run when something bad happens and the file is suddenly unavailable (like unexpectedly disconnects)
Script to be run when something bad happens and the file is suddenly unavailable (like unexpectedly disconnects)
- Inherited from
- MediaEventProps
Script to be run when the media has reach the end (a useful event for messages like "thanks for listening")
Script to be run when the media has reach the end (a useful event for messages like "thanks for listening")
- Inherited from
- MediaEventProps
Script to be run when an error occurs when the file is being loaded
Script to be run when an error occurs when the file is being loaded
- Inherited from
- ErrorEventProps
The focus event is raised when the user sets focus on the given element.
The focus event is raised when the user sets focus on the given element.
MDN
- Inherited from
- FormEventProps
The input event is fired for input, select, textarea, and contentEditable elements when it gets user input.
The input event is fired for input, select, textarea, and contentEditable elements when it gets user input.
- Inherited from
- FormEventProps
Script to be run when an element is invalid
Script to be run when an element is invalid
- Inherited from
- FormEventProps
The keydown event is raised when the user presses a keyboard key.
The keydown event is raised when the user presses a keyboard key.
MDN
- Inherited from
- KeyboardEventProps
The keypress event should be raised when the user presses a key on the keyboard. However, not all browsers fire keypress events for certain keys.
The keypress event should be raised when the user presses a key on the keyboard. However, not all browsers fire keypress events for certain keys.
Webkit-based browsers (Google Chrome and Safari, for example) do not fire keypress events on the arrow keys. Firefox does not fire keypress events on modifier keys like SHIFT.
MDN
- Inherited from
- KeyboardEventProps
The keyup event is raised when the user releases a key that's been pressed.
The keyup event is raised when the user releases a key that's been pressed.
MDN
- Inherited from
- KeyboardEventProps
The onload property of the GlobalEventHandlers mixin is an event handler for the load event of a Window, XMLHttpRequest, element, etc., which fires when the resource has loaded.
The onload property of the GlobalEventHandlers mixin is an event handler for the load event of a Window, XMLHttpRequest, element, etc., which fires when the resource has loaded.
https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onload
- Inherited from
- MiscellaneousEventProps
Script to be run just as the file begins to load before anything is actually loaded
Script to be run just as the file begins to load before anything is actually loaded
- Inherited from
- MediaEventProps
Script to be run when media data is loaded
Script to be run when media data is loaded
- Inherited from
- MediaEventProps
Script to be run when meta data (like dimensions and duration) are loaded
Script to be run when meta data (like dimensions and duration) are loaded
- Inherited from
- MediaEventProps
The mousedown event is raised when the user presses the mouse button.
The mousedown event is raised when the user presses the mouse button.
MDN
- Inherited from
- MouseEventProps
The mouseenter event is fired when a pointing device (usually a mouse) is moved over the element that has the listener attached.
The mouseenter event is fired when a pointing device (usually a mouse) is moved over the element that has the listener attached.
Similar to mouseover, it differs in that it doesn't bubble and that it isn't sent when the pointer is moved from one of its descendants' physical space to its own physical space.
With deep hierarchies, the amount of mouseenter events sent can be quite huge and cause significant performance problems. In such cases, it is better to listen for mouseover events.
MDN
- Inherited from
- MouseEventProps
The mouseleave event is fired when the pointer of a pointing device (usually a mouse) is moved out of an element.
The mouseleave event is fired when the pointer of a pointing device (usually a mouse) is moved out of an element.
mouseleave and mouseout are similar but differ in that mouseleave does not bubble and mouseout does.
This means that mouseleave is fired when the pointer has exited the element and all of its descendants, whereas mouseout is fired when the pointer leaves the element or leaves one of the element's descendants (even if the pointer is still within the element).
MDN
- Inherited from
- MouseEventProps
The mousemove event is raised when the user moves the mouse.
The mousemove event is raised when the user moves the mouse.
MDN
- Inherited from
- MouseEventProps
The mouseout event is raised when the mouse leaves an element (e.g, when the mouse moves off of an image in the web page, the mouseout event is raised for that image element).
The mouseout event is raised when the mouse leaves an element (e.g, when the mouse moves off of an image in the web page, the mouseout event is raised for that image element).
MDN
- Inherited from
- MouseEventProps
The mouseover event is raised when the user moves the mouse over a particular element.
The mouseover event is raised when the user moves the mouse over a particular element.
MDN
- Inherited from
- MouseEventProps
The mouseup event is raised when the user releases the mouse button.
The mouseup event is raised when the user releases the mouse button.
MDN
- Inherited from
- MouseEventProps
Script to be run when the media is paused either by the user or programmatically
Script to be run when the media is paused either by the user or programmatically
- Inherited from
- MediaEventProps
Script to be run when the media is ready to start playing
Script to be run when the media is ready to start playing
- Inherited from
- MediaEventProps
Script to be run when the media actually has started playing
Script to be run when the media actually has started playing
- Inherited from
- MediaEventProps
a browser fires this event if it concludes the pointer will no longer be able to generate events (for example the related device is deactived).
a browser fires this event if it concludes the pointer will no longer be able to generate events (for example the related device is deactived).
MDN
- Inherited from
- PointerEventProps
fired when a pointer becomes active.
fired when a pointer becomes active.
MDN
- Inherited from
- PointerEventProps
fired when a pointing device is moved into the hit test boundaries of an element or one of its descendants, including as a result of a pointerdown event from a device that does not support hover (see pointerdown).
fired when a pointing device is moved into the hit test boundaries of an element or one of its descendants, including as a result of a pointerdown event from a device that does not support hover (see pointerdown).
MDN
- Inherited from
- PointerEventProps
fired when a pointing device is moved out of the hit test boundaries of an element. For pen devices, this event is fired when the stylus leaves the hover range detectable by the digitizer.
fired when a pointing device is moved out of the hit test boundaries of an element. For pen devices, this event is fired when the stylus leaves the hover range detectable by the digitizer.
MDN
- Inherited from
- PointerEventProps
fired when a pointer changes coordinates.
fired when a pointer changes coordinates.
MDN
- Inherited from
- PointerEventProps
fired for several reasons including: pointing device is moved out of the hit test boundaries of an element; firing the pointerup event for a device that does not support hover (see pointerup); after firing the pointercancel event (see pointercancel); when a pen stylus leaves the hover range detectable by the digitizer.
fired for several reasons including: pointing device is moved out of the hit test boundaries of an element; firing the pointerup event for a device that does not support hover (see pointerup); after firing the pointercancel event (see pointercancel); when a pen stylus leaves the hover range detectable by the digitizer.
MDN
- Inherited from
- PointerEventProps
fired when a pointing device is moved into an element's hit test boundaries.
fired when a pointing device is moved into an element's hit test boundaries.
MDN
- Inherited from
- PointerEventProps
fired when a pointer is no longer active.
fired when a pointer is no longer active.
MDN
- Inherited from
- PointerEventProps
Script to be run when the browser is in the process of getting the media data
Script to be run when the browser is in the process of getting the media data
- Inherited from
- MediaEventProps
Script to be run each time the playback rate changes (like when a user switches to a slow motion or fast forward mode)
Script to be run each time the playback rate changes (like when a user switches to a slow motion or fast forward mode)
- Inherited from
- MediaEventProps
The reset event is fired when a form is reset.
The reset event is fired when a form is reset.
MDN
- Inherited from
- FormEventProps
The GlobalEventHandlers.onresize property contains an EventHandler triggered when a resize event is received.
The GlobalEventHandlers.onresize property contains an EventHandler triggered when a resize event is received.
https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onresize
- Inherited from
- MiscellaneousEventProps
An event handler for scroll events on element.
An event handler for scroll events on element.
https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onscroll
- Inherited from
- MiscellaneousEventProps
Fires when the user writes something in a search field (for <input="search">)
Fires when the user writes something in a search field (for <input="search">)
- Inherited from
- FormEventProps
Script to be run when the seeking attribute is set to false indicating that seeking has ended
Script to be run when the seeking attribute is set to false indicating that seeking has ended
- Inherited from
- MediaEventProps
Script to be run when the seeking attribute is set to true indicating that seeking is active
Script to be run when the seeking attribute is set to true indicating that seeking is active
- Inherited from
- MediaEventProps
The select event only fires when text inside a text input or textarea is selected. The event is fired after the text has been selected.
The select event only fires when text inside a text input or textarea is selected. The event is fired after the text has been selected.
MDN
- Inherited from
- FormEventProps
Script to be run when the browser is unable to fetch the media data for whatever reason
Script to be run when the browser is unable to fetch the media data for whatever reason
- Inherited from
- MediaEventProps
The submit event is fired when the user clicks a submit button in a form ().
The submit event is fired when the user clicks a submit button in a form ().
MDN
- Inherited from
- FormEventProps
Script to be run when fetching the media data is stopped before it is completely loaded for whatever reason
Script to be run when fetching the media data is stopped before it is completely loaded for whatever reason
- Inherited from
- MediaEventProps
Script to be run when the playing position has changed (like when the user fast forwards to a different point in the media)
Script to be run when the playing position has changed (like when the user fast forwards to a different point in the media)
- Inherited from
- MediaEventProps
Fires when the user opens or closes the
Fires when the user opens or closes the
- Inherited from
- MiscellaneousEventProps
The transitionend
event is sent to when a CSS transition completes.
The transitionend
event is sent to when a CSS transition completes.
- See also
- Note
If the transition is removed from its target node before the transition completes execution, the
transitionend
event won't be generated. One way this can happen is by changing the value of thetransition-property
attribute which applies to the target. Another is if thedisplay
attribute is set tonone
.- Inherited from
- MiscellaneousEventProps
Script to be run each time the volume is changed which (includes setting the volume to "mute")
Script to be run each time the volume is changed which (includes setting the volume to "mute")
- Inherited from
- MediaEventProps
Script to be run when the media has paused but is expected to resume (like when the media pauses to buffer more data)
Script to be run when the media has paused but is expected to resume (like when the media pauses to buffer more data)
- Inherited from
- MediaEventProps
Fires when the mouse wheel rolls up or down over an element
Fires when the mouse wheel rolls up or down over an element
- Inherited from
- MouseEventProps