Showing posts with label HTML / XHTML Standard Event Attributes. Show all posts
Showing posts with label HTML / XHTML Standard Event Attributes. Show all posts

Wednesday, August 15, 2012

HTML / XHTML Standard Event Attributes


Standard Event Attributes

HTML 4 added the ability to let events trigger actions in a browser, like starting a JavaScript when a user clicks on an element.

To learn more about programming events, please visit our JavaScript tutorial and our DHTML tutorial.
Below is the standard event attributes that can be inserted into HTML / XHTML elements to define event actions.


<body> and <frameset> Events

The two attributes below can only be used in <body> or <frameset>:

AttributeValueDescription
onloadscriptScript to be run when a document load
onunloadscriptScript to be run when a document unload


Form Events

The attributes below can be used in form elements:

AttributeValueDescription
onblurscriptScript to be run when an element loses focus
onchangescriptScript to be run when an element changes
onfocusscriptScript to be run when an element gets focus
onresetscriptScript to be run when a form is reset
onselectscriptScript to be run when an element is selected
onsubmitscriptScript to be run when a form is submitted


Image Events

The attribute below can be used with the img element:

AttributeValueDescription
onabortscriptScript to be run when loading of an image is interrupted


Keyboard Events

Valid in all elements except base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, and title.

AttributeValueDescription
onkeydownscriptScript to be run when a key is pressed
onkeypressscriptScript to be run when a key is pressed and released
onkeyupscriptScript to be run when a key is released


Mouse Events

Valid in all elements except base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, and title.

AttributeValueDescription
onclickscriptScript to be run on a mouse click
ondblclickscriptScript to be run on a mouse double-click
onmousedownscriptScript to be run when mouse button is pressed
onmousemovescriptScript to be run when mouse pointer moves
onmouseoutscriptScript to be run when mouse pointer moves out of an element
onmouseoverscriptScript to be run when mouse pointer moves over an element
onmouseupscriptScript to be run when mouse button is released