Senin, 19 Mei 2014

HTML5 Events

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


Mouse Events :

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