HTML 5 Event Attributes

From http://www.w3schools.com (Copyright Refsnes Data)

# HTML 5 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 5 elements to define event actions.

## Differences Between HTML 4.01 and HTML 5

New event attributes in HTML 5: onabort, onbeforeunload, oncontextmenu, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onmessage, onmousewheel, onresize, onscroll, and onunload.

HTML 4.01 event attributes which are no longer supported: onreset.

## Event Attributes

- 4: indicates if the attribute is defined in HTML 4.01
- 5: indicates if the attribute is defined in HTML 5

Attribute | Value | Description | 4 | 5
--- | --- | --- | --- | ---
onabort | script | Script to be run on an abort event |  | 5
onbeforeonload | script | Script to be run before an element is loaded |  | 5
onblur | script | Script to be run when the element loses focus | 4 | 5
onchange | script | Script to be run when the element changes | 4 | 5
onclick | script | Script to be run on a mouse click | 4 | 5
oncontextmenu | script | Script to be run when a context menu is triggered |  | 5
ondblclick | script | Script to be run on a mouse double-click | 4 | 5
ondrag | script | Script to be run when an element is dragged |  | 5
ondragend | script | Script to be run at the end of a drag operation |  | 5
ondragenter | script | Script to be run when an element has been dragged to a valid drop target |  | 5
ondragleave | script | Script to be run when an element leaves a valid drop target |  | 5
ondragover | script | Script to be run when an element is being dragged over a valid drop target |  | 5
ondragstart | script | Script to be run at the start of a drag operation |  | 5
ondrop | script | Script to be run when dragged element is being dropped |  | 5
onerror | script | Script to be run when an error occur during the loading of an element |  | 5
onfocus | script | Script to be run when the element gets focus | 4 | 5
onkeydown | script | Script to be run when key is pressed | 4 | 5
onkeypress | script | Script to be run when key is pressed and released | 4 | 5
onkeyup | script | Script to be run when key is released | 4 | 5
onload | script | Script to be run when a document loads | 4 | 5
onmessage | script | Script to be run when the message event is being triggered |  | 5
onmousedown | script | Script to be run when a mouse button is pressed | 4 | 5
onmousemove | script | Script to be run when the mouse pointer moves | 4 | 5
onmouseover | script | Script to be run when the mouse pointer moves over an element | 4 | 5
onmouseout | script | Script to be run when the mouse pointer moves out of an element | 4 | 5
onmouseup | script | Script to be run when a mouse button is released | 4 | 5
onmousewheel | script | Script to be run when the mouse wheel is being rotated |  | 5
onreset | script | Script to be run when the form is reset. Not supported | 4 |
onresize | script | Script to be run when the element is being resized |  | 5
onscroll | script | Script to be run when the element's scrollbar is scrolled |  | 5
onselect | script | Script to be run when the element is selected | 4 | 5
onsubmit | script | Script to be run when the form is submitted | 4 | 5
onunload | script | Script to be run when a document unloads |  | 5

From http://www.w3schools.com (Copyright Refsnes Data)