HTML 5 Event Attributes
HTML elements can have event attributes that trigger actions in the
browser, like starting a JavaScript when a user clicks on an HTML element. Below
is a list of attributes that can be inserted into HTML tags to define event
actions.
If you want to learn more about programming with these events, you should
study our JavaScript tutorial and our
DHTML tutorial.
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, 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 at 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 at a a mouse click
|
4 |
5 |
| oncontextmenu |
script |
Script to be run when a context menu is triggered |
|
5 |
| ondblclick |
script |
Script to be run at a mouse doubleclick
|
4 |
5 |
| ondrag |
script |
Script to be run as long as an element is being dragged |
|
5 |
| ondragend |
script |
Script to be run at the end of a drag operation |
|
5 |
| ondragenter |
script |
Script to be run when the element has been dragged to a valid
drop target |
|
5 |
| ondragleave |
script |
Script to be run when the element leaves a valid drop target |
|
5 |
| ondragover |
script |
Script to be run as long as the 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 the
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 elements scrollbar is being 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 |
 |
|
Get Your Diploma!
W3Schools' Online Certification Program is the perfect solution for busy
professionals who need to balance work, family, and career building.
The HTML Certificate is for developers who want to document their knowledge of HTML, XHTML, and CSS.
The ASP Certificate is for developers who want to document their knowledge of ASP, SQL, and ADO.
|
|
HOME
Printer friendly page
