HTML5 new events summary_html5 tutorial skills

HTML elements can have event attributes that trigger actions in the browser, such as launching a piece of JavaScript when a user clicks on an HTML element. The event attributes listed below can be inserted into HTML tags to define event behavior.

Differences between HTML 4.01 and HTML 5

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

HTML 4.01 attribute no longer supported: onreset.

Properties

Properties	Value	Description	4	5
onabort	script	Run the script when the abort event occurs.		5
onbeforeonload	script	Run the script before the element loads.		5
onblur	script	Run the script when the element loses focus.	4	5
onchange	script	Run the script when the element changes.	4	5
onclick	script	Allow scripting on mouse click.	4	5
oncontextmenu	script	Run the script when the menu is triggered.		5
ondblclick	script	Run the script when the mouse is double-clicked.	4	5
ondrag	script	Allow scripts as long as they are being dragged.		5
ondragend	script	Run the script at the end of the drag operation.		5
ondragenter	script	Execute the script when the element is dragged to a legal drop target.		5
ondragleave	script	When the element leaves a legal drop target.		5
ondragover	script	Execute the script whenever the element is being dragged over a legal drop target.		5
ondragstart	script	Execute the script when the drag operation starts.		5
ondrop	script	Execute the script when the element is being dragged.		5
onerror	script	Execute the script when an error occurs during element loading.		5
onfocus	script	Execute the script when the element gets focus.	4	5
onkeydown	script	Execute the script when the button is pressed.	4	5
onkeypress	script	Execute the script when the key is pressed.	4	5
onkeyup	script	Execute the script when the button is released.	4	5
onload	script	Execute the script when the document loads.	4	5
onmessage	script	Execute the script when the message event fires.		5
onmousedown	script	Execute the script when the mouse button is pressed.	4	5
onmousemove	script	Execute the script when the mouse pointer moves.	4	5
onmouseover	script	Execute the script when the mouse pointer moves over an element.	4	5
onmouseout	script	Execute the script when the mouse pointer moves out of the element.	4	5
onmouseup	script	Execute the script when the mouse button is released.	4	5
onmousewheel	script	Execute the script when the mouse wheel is scrolled.		5
onreset	script	Execute script when form resets. Not supported.	4
onresize	script	Run the script when the element is resized.		5
onscroll	script	Execute the script when the element scroll bar is scrolled.		5
onselect	script	Execute script when element is selected.	4	5
onsubmit	script	Run the script when the form is submitted.	4	5
onunload	script	Run script when document is unloaded.		5