Basic HTML

Advance HTML

HTML Tags Reference

HTML Code Generator

HTML Resource


HTML5 Events Handler List




HTML5 Supported Events Handler

Following all event handlers Window Event Attributes, Form Events, Keyboard Events, Mouse Events, Media Events are support in all 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