Below are the global event attributes that can be added to HTML5 elements to define event actions.
Window Events :
Events triggered for the window object (applies to the <body> tag):
Attribute | Value | Description |
Onafterprint | script | Script to be run after the document is printed |
onbeforeprint | script | Script to be run before the document is printed |
Onbeforeunload | script | Script to be run before the document is unloaded |
onerror | script | Script to be run when an error occur |
onhaschange | script | Script to be run when the document has changed |
onload | script | Fires after the page is finished loading |
onmessage | script | Script to be run when the message is triggered |
onoffline | script | Script to be run when the document goes offline |
ononline | script | Script to be run when the document comes online |
onpagehide | script | Script to be run when the window is hidden |
onpageshow | script | Script to be run when the window becomes visible |
onpopstate | script | Script to be run when the window's history changes |
onredo | script | Script to be run when the document performs a redo |
onresize | script | Fires when the browser window is resized |
onstorage | script | Script to be run when a Web Storage area is updated |
onundo | script | Script to be run when the document performs an undo |
onunload | script | Fires once a page has unloaded (or the browser window has been closed) |
Form Events :
Events triggered by actions inside a HTML form (applies to almost all HTML5 elements, but is most used in form elements):
Attribute | Value | Description |
onblur | script | Fires the moment that the element loses focus |
onchange | script | Fires the moment when the value of the element is changed |
oncontextmenu | script | Script to be run when a context menu is triggered |
onfocus | script | Fires the moment when the element gets focus |
onformchange | script | Script to be run when a form changes |
onforminput | script | Script to be run when a form gets user input |
oninput | script | Script to be run when an element gets user input |
oninvalid | script | Script to be run when an element is invalid |
onreset | script | Fires when the Reset button in a form is clicked Not supported in HTML5 |
onselect | script | Fires after some text has been selected in an element |
onsubmit | script | Fires when a form is submitted |
Keyboard Events :
Attribute | Value | Description |
onkeydown | script | Fires when a user is pressing a key |
onkeypress | script | Fires when a user presses a key |
onkeyup | script | Fires when a user releases a key |
Events triggered by a mouse or similar user actions:
Attribute | Value | Description |
onclick | script | Fires on a mouse click on the element |
ondblclick | script | Fires on a mouse double-click on the element |
ondrag | script | Script to be run when an element is dragged |
ondragend | script | Script to be run at the end of a drag operation |
ondragenter | script | Script to be run when an element has been dragged to a valid drop target |
ondragleave | script | Script to be run when an element leaves a valid drop target |
ondragover | script | Script to be run when an element is being dragged over a valid drop target |
ondragstart | script | Script to be run at the start of a drag operation |
ondrop | script | Script to be run when dragged element is being dropped |
onmousedown | script | Fires when a mouse button is pressed down on an element |
onmousemove | script | Fires when the mouse pointer moves over an element |
onmouseout | script | Fires when the mouse pointer moves out of an element |
onmouseover | script | Fires when the mouse pointer moves over an element |
onmouseup | script | Fires when a mouse button is released over an element |
onmousewheel | script | Script to be run when the mouse wheel is being rotated |
onscroll | script | Script to be run when an element's scrollbar is being scrolled |
Media Events :
Events triggered by Medias like videos, images and audio (applies to all HTML5 elements, but is most common in media elements, like audio, embed, img, object, and video):
Attribute | Value | Description |
onabort | script | Script to be run on abort |
oncanplay | script | Script to be run when a file is ready to start playing (when it has buffered enough to begin) |
oncanplaythrough | script | Script to be run when a file can be played all the way to the end without pausing for buffering |
ondurationchange | script | Script to be run when the length of the media changes |
onemptied | script | Script to be run when something bad happens and the file is suddenly unavailable (like unexpectedly disconnects) |
onended | script | Script to be run when the media has reach the end (a useful event for messages like "thanks for listening") |
onerror | script | Script to be run when an error occurs when the file is being loaded |
onloadeddata | script | Script to be run when media data is loaded |
onloadedmetadata | script | Script to be run when meta data (like dimensions and duration) are loaded |
onloadstart | script | Script to be run just as the file begins to load before anything is actually loaded |
onpause | script | Script to be run when the media is paused either by the user or programmatically |
onplay | script | Script to be run when the media is ready to start playing |
onplaying | script | Script to be run when the media actually has started playing |
onprogress | script | Script to be run when the browser is in the process of getting the media data |
onratechange | script | Script to be run each time the playback rate changes (like when a user switches to a slow motion or fast forward mode) |
onreadystatechange | script | Script to be run each time the ready state changes (the ready state tracks the state of the media data) |
onseeked | script | Script to be run when the seeking attribute is set to false indicating that seeking has ended |
onseeking | script | Script to be run when the seeking attribute is set to true indicating that seeking is active |
onstalled | script | Script to be run when the browser is unable to fetch the media data for whatever reason |
onsuspend | script | Script to be run when fetching the media data is stopped before it is completely loaded for whatever reason |
ontimeupdate | script | Script to be run when the playing position has changed (like when the user fast forwards to a different point in the media) |
onvolumechange | script | Script to be run each time the volume is changed which (includes setting the volume to "mute") |
onwaiting | script | Script to be run when the media has paused but is expected to resume (like when the media pauses to buffer more data) |
Source:http://www.tutorialsdesk.com/2012/09/html5-events.html
Tidak ada komentar:
Posting Komentar