GlobalEventProps

Create custom event property

fired when an element receives pointer capture.

• gotpointercapture_event @ MDN
• PointerEvent @ MDN

Fired after pointer capture is released for a pointer.

• lostpointercapture_event @ MDN
• PointerEvent @ MDN

Script to be run on abort

abort_event @ MDN

The animationend event is event fires when a CSS animation reaches the end of its active period.

• animationend_event @ MDN
• AnimationEvent @ MDN

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.

• animationiteration_event @ MDN
• AnimationEvent @ MDN

The animationstart event is sent when a CSS Animation starts to play.

• animationstart_event @ MDN
• AnimationEvent @ MDN

The DOM beforeinput event fires when the value of an <input>, or <textarea> element is about to be modified. The event also applies to elements with contenteditable enabled, and to any element when designMode is turned on.

The blur event is raised when an element loses focus.

• blur_event @ MDN
• FocusEvent @ MDN

Script to be run when a file is ready to start playing (when it has buffered enough to begin)

canplay_event @ MDN

Script to be run when a file can be played all the way to the end without pausing for buffering

canplaythrough_event @ MDN

The change event is fired for input, select, and textarea elements when a change to the element's value is committed by the user.

change_event @ MDN

The click event is raised when the user clicks on an element. The click event will occur after the mousedown and mouseup events.

• click_event @ MDN
• MouseEvent @ MDN

Script to be run when a context menu is triggered

• contextmenu_event @ MDN
• MouseEvent @ MDN

Fires when the user copies the content of an element

• copy_event @ MDN
• ClipboardEvent @ MDN

Script to be run when the cue changes in a <track> element

cuechange_event @ MDN

Fires when the user cuts the content of an element

• cut_event @ MDN
• ClipboardEvent @ MDN

The dblclick event is fired when a pointing device button (usually a mouse button) is clicked twice on a single element.

• dblclick_event @ MDN
• MouseEvent @ MDN

Script to be run when an element is dragged

• drag_event @ MDN
• DragEvent @ MDN

Script to be run at the end of a drag operation

• dragend_event @ MDN
• DragEvent @ MDN

Script to be run when an element has been dragged to a valid drop target

• dragenter_event @ MDN
• DragEvent @ MDN

Script to be run when an element leaves a valid drop target

• dragleave_event @ MDN
• DragEvent @ MDN

Script to be run when an element is being dragged over a valid drop target

• dragover_event @ MDN
• DragEvent @ MDN

Script to be run at the start of a drag operation

• dragstart_event @ MDN
• DragEvent @ MDN

Script to be run when dragged element is being dropped

• drop_event @ MDN
• DragEvent @ MDN

Script to be run when the length of the media changes

durationchange_event @ MDN

Script to be run when something bad happens and the file is suddenly unavailable (like unexpectedly disconnects)

emptied_event @ MDN

Script to be run when the media has reach the end (a useful event for messages like "thanks for listening")

ended_event @ MDN

Script to be run when an error occurs when the file is being loaded

• error_event @ MDN
• ErrorEvent @ MDN

The focus event is raised when the user sets focus on the given element.

• focus_event @ MDN
• FocusEvent @ MDN

The input event is fired for input, select, textarea, and contentEditable elements when it gets user input.

input_event @ MDN

Script to be run when an element is invalid

invalid_event @ MDN

The keydown event is raised when the user presses a keyboard key.

• keydown_event @ MDN
• KeyboardEvent @ MDN

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.

• keypress_event @ MDN
• KeyboardEvent @ MDN

The keyup event is raised when the user releases a key that's been pressed.

• keyup_event @ MDN
• KeyboardEvent @ MDN

The onload property of the GlobalEventHandlers mixin is an event handler for the load event of a Window, XMLHttpRequest, <img> element, etc., which fires when the resource has loaded.

• load_event @ MDN
• UIEvent @ MDN

Script to be run just as the file begins to load before anything is actually loaded

loadstart_event @ MDN

Script to be run when media data is loaded

loadeddata_event @ MDN

Script to be run when meta data (like dimensions and duration) are loaded

loadedmetadata_event @ MDN

The mousedown event is raised when the user presses the mouse button.

• mousedown_event @ MDN
• MouseEvent @ MDN

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.

• mouseenter_event @ MDN
• MouseEvent @ MDN

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).

• mouseleave_event @ MDN
• MouseEvent @ MDN

The mousemove event is raised when the user moves the mouse.

• mousemove_event @ MDN
• MouseEvent @ MDN

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).

• mouseout_event @ MDN
• MouseEvent @ MDN

The mouseover event is raised when the user moves the mouse over a particular element.

• mouseover_event @ MDN
• MouseEvent @ MDN

The mouseup event is raised when the user releases the mouse button.

• mouseup_event @ MDN
• MouseEvent @ MDN

Fires when the user pastes some content in an element

• paste_event @ MDN
• ClipboardEvent @ MDN

Script to be run when the media is paused either by the user or programmatically

pause_event @ MDN

Script to be run when the media is ready to start playing

play_event @ MDN

Script to be run when the media actually has started playing

playing_event @ MDN

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).

• pointercancel_event @ MDN
• PointerEvent @ MDN

fired when a pointer becomes active.

• pointerdown_event @ MDN
• PointerEvent @ MDN

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).

• pointerenter_event @ MDN
• PointerEvent @ MDN

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.

• pointerleave_event @ MDN
• PointerEvent @ MDN

fired when a pointer changes coordinates.

• pointermove_event @ MDN
• PointerEvent @ MDN

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.

• pointerout_event @ MDN
• PointerEvent @ MDN

fired when a pointing device is moved into an element's hit test boundaries.

• pointerover_event @ MDN
• PointerEvent @ MDN

fired when a pointer is no longer active.

• pointerup_event @ MDN
• PointerEvent @ MDN

Script to be run when the browser is in the process of getting the media data

progress_event @ MDN

Script to be run each time the playback rate changes (like when a user switches to a slow motion or fast forward mode)

ratechange_event @ MDN

The reset event is fired when a form is reset.

reset_event @ MDN

The GlobalEventHandlers.onresize property contains an EventHandler triggered when a resize event is received.

• resize_event @ MDN
• UIEvent @ MDN

An event handler for scroll events on element.

• scroll_event @ MDN
• UIEvent @ MDN

Fires when the user writes something in a search field (for <input="search">)

search_event @ MDN

Script to be run when the seeking attribute is set to false indicating that seeking has ended

seeked_event @ MDN

Script to be run when the seeking attribute is set to true indicating that seeking is active

seeking_event @ MDN

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.

select_event @ MDN

Fires when a user starts a new selection. If the event is canceled, the selection is not changed.

selectstart_event @ MDN

Fires when a <menu> element is shown as a context menu

show_event @ MDN

Script to be run when the browser is unable to fetch the media data for whatever reason

stalled_event @ MDN

The submit event is fired when the user clicks a submit button in a form (<input type="submit"/>).

submit_event @ MDN

Script to be run when fetching the media data is stopped before it is completely loaded for whatever reason

suspend_event @ MDN

Script to be run when the playing position has changed (like when the user fast forwards to a different point in the media)

timeupdate_event @ MDN

Fires when the user opens or closes the <details> element

toggle_event @ MDN

The transitionend event is sent to when a CSS transition completes.

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 the transition-property attribute which applies to the target. Another is if the display attribute is set to none.

Script to be run each time the volume is changed which (includes setting the volume to "mute")

volumechange_event @ MDN

Script to be run when the media has paused but is expected to resume (like when the media pauses to buffer more data)

waiting_event @ MDN

Fires when the mouse wheel rolls up or down over an element

• wheel_event @ MDN
• WheelEvent @ MDN