HTML Event Attributes

Events are a feature of HTML documents (present in other programming languages too) that allow authors to add interactivity between the website and it’s visitors, by executing client-side programs when the visitor (or other program) performs an action. For example, the author can make a paragraph change the color of its text when the user puts the mouse pointer over it.

As well as attributes, events can be easily defined in an element’s start tag, with the same format:

<tag_name event_name="code">

Window Events

Consider the following code for window events.

Attribute
Value
Description
onload() script Script to run when document loads

Form Element Events

Attribute
Value
Description
onchange script Script to be run when the element changes
onsubmit script Script to be run when the form is submitted
onreset script Script to be run when the form is reset
onselect script Script to be run when the element is selected
onblur script Script to be run when the element loses focus
onfocus script Script to be run when the element gets focus

Keyboard Events

Attribute
Value
Description
onkeydown script Script to be run when key is presses
onkeypress script Script to be run when key is presses and relesed
onkeyup script Script to be run when key is relesed

Mouse Events

Attribute
Value
Description
onclick script What to do on a mouse click
ondblclick script What to do on a mouse double-click
onmousedown script What to do when mouse button is pressed
onmousemove script What to do when mouse pointer moves
onmouseout script What to do when mouse pointer moves out of an element
onmouseover script What to do when mouse pointer moves over an element
onmouseup script What to do when mouse button is released