JavaScript Events

Following list for all JavaScript Events handlers contains Window event, Form events, Keyboard events, Mouse events, and Media events. These JavaScript events are support in HTML5 Tags.

JavaScript global event attributes that's added to a HTML elements to define event and execute when occur specific action.

JavaScript Window Event Attributes

JavaScript Window events triggered for a window object and apply in <body> tag

Attributes	Value	Description	In HTML5?
onafterprint	js_script	Script is run after the document is printed	NEW
onbeforeprint	js_script	Script is run before the document is printed	NEW
onbeforeunload	js_script	Script is run before the document is unloaded	NEW
onerror	js_script	Script is run when any error occur	NEW
onhaschange	js_script	Script is run when document has changed	NEW
onload	js_script	Event fires after the page loading finished
onmessage	js_script	Script is run when document goes in offline	NEW
onoffline	js_script	Script is run when document comes in online	NEW
onpagehide	js_script	Script is run when document window is hidden	NEW
onpageshow	js_script	Script is run when document window become visible	NEW
onpopstate	js_script	Script is run when document window history changes	NEW
onredo	js_script	Script is run when document perform redo	NEW
onresize	js_script	Event fires when browser window is resized	NEW
onstorage	js_script	Script is run when web storage area is updated	NEW
onundo	js_script	Script is run when document performs undo	NEW
onunload	js_script	Event fires when browser window has been closed

JavaScript Form Events

JavaScript Form events triggered by perform some action inside HTML form elements.

Attributes	Value	Description	In HTML5?
onblur	js_script	Event fire when element loses focus
onchange	js_script	Event fire when element value is changed
oncontextmenu	js_script	Event fire when context menu is triggered	NEW
onfocus	js_script	Event fire when element gets focus
onformchange	js_script	Event fire when form changes	NEW
onforminput	js_script	Event fire when form get input field
oninput	js_script	Event fire when element get input field	NEW
oninvalid	js_script	Event fire when element is invalid	NEW
onreset	js_script	Event fire when clicked on form reset button	REMOVE
onselect	js_script	Event fire after allow to select text in an element
onsubmit	js_script	Event fire when form is submitted

JavaScript Keyboard Events

Attributes	Value	Description
onkeydown	js_script	Event fire when pressing a key
onkeypress	js_script	Event fire when press a key
onkeyup	js_script	Event fire when releases a key

JavaScript Mouse Events

JavaScript Mouse events triggered by mouse action.

Attributes	Value	Description	In HTML5?
onclick	js_script	Event fire when mouse click on element
ondblclick	js_script	Event fire when mouse double click on element
ondrag	js_script	Script is run when element is dragged	NEW
ondragend	js_script	Script is run at end of drag operation	NEW
ondragenter	js_script	Script is run when element has dragged to a valid drop target	NEW
ondragleave	js_script	Script is run when element leaves valid drop target	NEW
ondragover	js_script	Script is run when element is dragged over on valid drop target	NEW
ondragstart	js_script	Script is run at start of drag operation	NEW
ondrop	js_script	Script is run when dragged element is dropped	NEW
onmousedown	js_script	Event fire when mouse button is pressed down on element
onmousemove	js_script	Event fire when mouse pointer moves over an element
onmouseout	js_script	Event fire when mouse pointer moves out an element
onmouseover	js_script	Event fire when mouse pointer moves over on element
onmouseup	js_script	Event fire when mouse button is released over an element
onmousewheel	js_script	Event fire when mouse wheel being rotated	NEW
onscroll	js_script	Event fire when element scrollbar being scrolled	NEW

JavaScript Media Events

JavaScript Media events triggered by common media elements like <img>, <audio>, <embed>, <object>, and <video>.

Attributes	Value	Description	In HTML5?
onabort	js_script	Script is run when element is abort
oncanplay	js_script	Script is run when file is ready for start playing	NEW
oncanplaythrough	js_script	Script is run when file is played all way without pausing for buffering	NEW
ondurationchange	js_script	Script is run when media length changes	NEW
onemptied	js_script	Script is run when something unavailable/disconnects	NEW
onended	js_script	Script is run when media has reach to end position	NEW
onerror	js_script	Script is run when error occurs file loaded time	NEW
onloadeddata	js_script	Script is run when media is loaded	NEW
onloadedmetadata	js_script	Script is run when meta data are loaded	NEW
onloadstart	js_script	Script is run when file being loaded	NEW
onpause	js_script	Script is run when media is paused	NEW
onplay	js_script	Script is run when media is ready to start playing	NEW
onplaying	js_script	Script is run when media is actually start for playing	NEW
onprogress	js_script	Script is run when browser is process of getting media data	NEW
onratechange	js_script	Script is run when playback rate changes	NEW
onreadystatechange	js_script	Script is run when ready state changes for each time	NEW
onseeked	js_script	Script is run when seeking attribute value set to false, that indicate seeking has ended	NEW
onseeking	js_script	Script is run when seeking attribute value set to true, that indicate seeking has active	NEW
onstalled	js_script	Script is run when browser is unable to fetch media data for any reason	NEW
onsuspend	js_script	Script is run when fetching media data is stopped before it is completely loaded for any reason	NEW
ontimeupdate	js_script	Script is run when playing position has changed	NEW
onvolumechange	js_script	Script is run each time volume is changed	NEW
onwaiting	js_script	Script is run when media has paused(for buffer more data)	NEW