JavaScript Events Handlers

Following all event handlers Window Event Attributes, Form Events, Keyboard Events, Mouse Events, Media Events are support in HTML5 Tags.

Global event attributes that's added to a HTML elements to define event and fired when occur specific action.

Window Event Attributes

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  

Form Events

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  

Keyboard Events

Attributes Value Description In HTML5?
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  

Mouse Events

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

Media Events

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