HMTL Events Attributes
An HTML event is an action that gets triggered when a user scrolls, clicks or perform other activities within a browser.
An event is useful so as to know what code to run when a user clicks on a certain element.
Keyboard Events
| Attribute |
Description |
| onkeyup |
This event is triggered when a key is released. |
| onkeydown |
This event is triggered when a key is being pressed. |
| onkeypress |
This event is triggered when a key is pressed |
Example
Mouse Events
| Attribute |
Description |
| onclick |
This event is triggered when a mouse is clicked on an element. |
| ondblclick |
This event is triggered when a mouse is double clicked on an element. |
| onwheel |
This event is triggered when a mouse wheel is rolled up or down over an element. |
| onmousemove |
This event is triggered when a move pointer is moved over an element. |
| onmousedown |
This event is triggered when a mouse button is pressed down on an element. |
| onmouseup |
This event is triggered when a mouse pressed button is released over an element. |
| onmouseover |
This event is triggered when a mouse pointer moves over on an element. |
| onmouseout |
This event is triggered when a mouse pointer moves out of an element. |
Example
Clipboard Events
| Attribute |
Description |
| oncut |
This event is triggered when a content of an element is cut. |
| oncopy |
This event is triggered when a content of an element is copied. |
| onpaste |
This event is triggered when a content is pasted in an element. |
Form Events
| Attribute |
Description |
| onsubmit |
This event is triggered when a form is submitted. |
| onchange |
This event is triggered when the value of an element is changed. |
| onselect |
This event is triggered when the value of an element is selected. |
| oninput |
This event is triggered when the element gets input. |
| onfocus |
This event is triggered when the elements gets focused. |
Window Events
| Attribute |
Description |
| onload |
This event is triggered after a page completes loading. |
| onunload |
This event is triggered after a page is unloaded or the browser is closed. |
| onoffline |
This event is triggered when a browser starts working offline. |
| ononline |
This event is triggered when a browser starts working online. |
| onresize |
This event is triggered on resizing a browser window. |
| onbeforeprint |
This event is triggered before printing a page document. |
| onafterprint |
This event is triggered after a page document is printed. |
| onbeforeunload |
This event is triggered before unloading a page or closing a browser. |
| onerror |
This event is triggered on encountering an error. |