HTML Event Attributes

HTML 4 allowed the events to trigger actions in a browser. Below are the global event attributes which can be added with HTML elements for defining action on events.

Window Event Attributes

– These attributes get triggered for the window object (it pertains to the <body> tag of HTML)

Window Event Attribute

Description

onafterprint Defines the script to be run after printing the document
onbeforeprint Defines the script to be run before printing the document
onbeforeunload Defines the script to be run before unloading the document
onerror Defines the script to be run whenever an error is encountered
onhaschange Defines the script to be whenever the document has changed
onload Defines the script to be run after loading the document
onmessage Defines the script to be run whenever a message is triggered.
onoffline Defines the script to be run whenever the document goes offline.
ononline Defines the script to be run whenever the document goes online.
onpagehide Defines the script to be run whenever the document is hidden.
onpageshow Defines the script to be run whenever the document goes visible.
onpopstate Defines the script to be run whenever the window’s history changes.
onredo Defines the script to be run whenever the document performs a redo operation.
onresize Defines the script to be run whenever the window is resized.
onstorage Defines the script to be run whenever the webstorage area is updated.
onundo Defines the script to be run whenever the document does undo operation.
onunload Defines the script to be run whenever the document has been unloaded or when the browser is closed.

Form Events Attributes

– These are the events that are triggered by performing actions within the HTML form. Mostly used in the FORM elements.

Form Event Attribute

Description

onblur Defines the script to be run once the element loses focus
onchange Defines the script to be run once the element’s value changes
oncontextmenu Defines the script to be run once the context menu is triggered
onfocus Defines the script to be run once the element gets focus
onformchange Defines the script to be run once the form changes
onforminput Defines the script to be run once the form gets input from user
oninput Defines the script to be run once the element gets input from user
oninvalid Defines the script to be run once the elements gets invalid
onreset Defines the script to be run once reset button is clicked on the form (Not supported in HTML 5)
onselect Defines the script to be run some text has been selected within an element
onsubmit Defines the script to be run once the form gets submitted

Keyboard Events Attributes

Keyboard Event Attribute

Description

onkeydown Defines the script to be run once a key is being pressed
onkeypress Defines the script to be run once a key is pressed
onkeyup Defines the script to be run once a pressed key is released

Mouse Events Attributes

– These are the events that are triggered by mouse or similar device

Mouse Event Attribute

Description

onclick Defines the script to be run once mouse is clicked on the element
ondbclick Defines the script to be run once mouse is double clicked on the element
ondrag Defines the script to be run once an element is dragged
ondragend Defines the script to be run once the drag operation on an element is completed
ondragenter Defines the script to be run once an element is dragged to a valid drop place or target
ondragleave Defines the script to be run once an element leaves a valid drop place or target
ondragover Defines the script to be run once an element is being dragged to a valid drop place or target
ondragstart Defines the script to be run at the start of an element’s drag operation
ondrop Defines the script to be run when the dragged element is being dropped.
onmousedown Defines the script to be run once the mouse button is pressed down on an element
onmousemove Defines the script to be run once the mouse pointer is moving
onmouseout Defines the script to be run once the mouse pointer moves out form an element
onmouseover Defines the script to be run once the mouse pointer is moving over the element
onmouseup Defines the script to be run once the mouse button is released up on an element
onmousewheel Defines the script to be run once the mouse button is being scrolled or rotated
onscroll Defines the script to be run when the element’s scrollbar is being scrolled

Media Event Attributes

– These are the events which are triggered by media elements like audio, images or videos, most commonly used with <audio>, <embed>, <img>, <object>, and <video> elements.

Media Event Attribute

Description

onabort Defines the script to be run on abort
oncanplay Defines the script to be run once a file is ready to be played (i.e. when the file is buffered enough to play)
oncanplaythrough Defines the script to be run once a file can be played till the end without buffering.
ondurationchange Defines the script to be run when the length of the media file changes.
onemptied Defines the script to be run when an error is encountered in running the file (like the connection is disconnected)
onended Defines the script to be run once the media file has reached the end (can give a message like “Thanks for watching”)
onerror Defines the script to be run if an error occurs while the media is being loaded
onloadeddata Defines the script to be run when the media is loaded
onloadedmetadata Defines the script to be run when the meta data about the media is loaded
onloadstart Defines the script to be run just before the media starts to load
onpause Defines the script to be run when the running media is paused ( by user or by program)
onplay Defines the script to be run when the media is ready to be played.
onplaying Defines the script to be run when the media is being played.
onprogress Defines the script to be run when the browser is in the process to get the media data.
onratechange Defines the script to be run whenever the rate of media being played is changed (e.g. user switched to slow motion or fast forward mode)
onreadystatechange Defines the script to be run whenever the ready state of the media is changed (the ready state tracks the state of the media data).
onseeked Defines the script to be run when the seeking attribute has been set to FALSE i.e. the media seeking has been finished.
onseeking Defines the script to be run when the seeking attribute has been set to TRUE i.e. the media seeking has not finished.
onstalled Defines the script to be run when the browser is unable to fetch more media data for any reason.
onsuspend Defines the script to be run when fetching the media data is stopped before completely loading the media for any reason
ontimeupdate Defines the script to be run when the playing position of the media is changed (e.g. user fast forwards or rewinds to another play position in media)
onvolumechange Defines the script to be run when the volume of the media is changed (including muting the media)
onwaiting Defines the script to be run when the media is paused but will be resuming  shortly (e.g. media paused for buffering)