Thursday, 22 December 2011

KeyBoard , Mouse n Media events included in HTML5


Keyboard Events

Events triggered by a keyboard (applies to all HTML5 elements):
AttributeValueDescription
onkeydownscript Script to be run when a key is pressed down
onkeypressscript Script to be run when a key is pressed and released
onkeyupscript Script to be run when a key is released

Mouse Events

Events triggered by a mouse, or similar user actions (applies to all HTML5 elements):
AttributeValueDescription
onclickscript Script to be run on a mouse click
ondblclickscript Script to be run on a mouse double-click
ondragNewscript Script to be run when an element is dragged
ondragendNewscript Script to be run at the end of a drag operation
ondragenterNewscript Script to be run when an element has been dragged to a valid drop target
ondragleaveNewscript Script to be run when an element leaves a valid drop target
ondragoverNewscript Script to be run when an element is being dragged over a valid drop target
ondragstartNewscript Script to be run at the start of a drag operation
ondropNewscript Script to be run when dragged element is being dropped
onmousedownscript Script to be run when a mouse button is pressed
onmousemovescript Script to be run when the mouse pointer moves
onmouseoutscriptScript to be run when the mouse pointer moves out of an element
onmouseoverscriptScript to be run when the mouse pointer moves over an element
onmouseupscript Script to be run when a mouse button is released
onmousewheelNewscript Script to be run when the mouse wheel is being rotated
onscrollNewscript 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):
AttributeValueDescription
onabortscript Script to be run on abort
oncanplayNewscriptScript to be run when a file is ready to start playing (when it has buffered enough to begin)
oncanplaythroughNewscriptScript to be run when a file can be played all the way to the end without pausing for buffering
ondurationchangeNewscript Script to be run when the length of the media changes
onemptiedNewscript Script to be run when something bad happens and the file is suddenly unavailable (like unexpectedly disconnects)
onendedNewscript Script to be run when the media has reach the end (a useful event for messages like "thanks for listening")
onerrorNewscript Script to be run when an error occurs when the file is being loaded
onloadeddataNewscriptScript to be run when media data is loaded
onloadedmetadataNewscriptScript to be run when meta data (like dimensions and duration) are loaded
onloadstartNewscriptScript to be run just as the file begins to load before anything is actually loaded
onpauseNewscript Script to be run when the media is paused either by the user or programmatically
onplayNewscript Script to be run when the media is ready to start playing
onplayingNewscript Script to be run when the media actually has started playing
onprogressNewscript Script to be run when the browser is in the process of getting the media data
onratechangeNewscript Script to be run each time the playback rate changes (like when a user switches to a slow motion or fast forward mode)
onreadystatechangeNewscript Script to be run each time the ready state changes (the ready state tracks the state of the media data)
onseekedNewscript Script to be run when the seeking attribute is set to false indicating that seeking has ended
onseekingNewscript Script to be run when the seeking attribute is set to true indicating that seeking is active
onstalledNewscript Script to be run when the browser is unable to fetch the media data for whatever reason
onsuspendNewscriptScript to be run when fetching the media data is stopped before it is completely loaded for whatever reason
ontimeupdateNewscriptScript to be run when the playing position has changed (like when the user fast forwards to a different point in the media)
onvolumechangeNewscriptScript to be run each time the volume is changed which (includes setting the volume to "mute")
onwaitingNewscriptScript to be run when the media has paused but is expected to resume (like when the media pauses to buffer more data)

No comments:

Post a Comment