HTML Events
New to HTML 4.0 is the ability to let HTML events 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.
Window Events
Only valid in body and frameset elements.
| Attribute | Value | Description |
|---|---|---|
| onload | script | Script to be run when a document loads |
| onunload | script | Script to be run when a document unloads |
Form Element Events
Only valid in form elements.
| 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
Not valid in base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, and title elements.
| Attribute | Value | Description |
|---|---|---|
| onkeydown | script | What to do when key is pressed |
| onkeypress | script | What to do when key is pressed and released |
| onkeyup | script | What to do when key is released |
Mouse Events
Not valid in base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, title elements.
| 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 |