When users visit your website, they do things like click various links, bring mouse over text and images etc. These are examples of what we call events in JavaScript and VBScript terminologies.
We can write our event handlers using JavaScript or VBScript and can specify some actions to be taken against these events. Though these are the events but they will be specified as attributes for the HTML tags.
The HTML 4.01 specification had defined 19 events but later HTML-5 has added many other events which we have listed down here −
Window Events Attributes
Following are the window events attributes that are listed below −
| Sr.No | Events & Description |
|---|---|
| 1 | onafterprintTriggers after a document is printed |
| 2 | onbeforeprintTriggers before a document is printed |
| 3 | onbeforeunloadTriggers before a document loads |
| 4 | onerrorTriggers when an error occurs |
| 5 | onhashchangeTriggers when a document has changed |
| 6 | onloadTriggers when a document loads |
| 7 | onofflineTriggers when a document goes offline |
| 8 | ononlineTriggers when a document comes online |
| 9 | onpagehideTriggers when a window is hidden |
| 10 | onpageshowTriggers when a window becomes visible |
| 11 | onresizeTriggers when a window is resized |
| 12 | onunloadTriggers when a user leaves the document |
Form Events
Following are the Form events attributes that are listed below −
| Sr.No | Events & Description |
|---|---|
| 1 | onblurTriggers when a window loses focus |
| 2 | onchangeTriggers when an element changes |
| 3 | oncontextmenuTriggers when a context menu is triggered |
| 4 | onfocusTriggers when a window gets focus |
| 5 | oninputTriggers when an element gets user input |
| 6 | oninvalidTriggers when an element is invalid |
| 7 | onresetTriggers when a form is reset |
| 8 | onsearchThe HTML onsearch event allows to run specific JavaScript code when a user conducts a search action within a searchable input field. |
| 9 | onselectTriggers when an element is selected |
| 10 | onsubmitTriggers when a form is submitted |
Keyboard Events
Following are the HTML Keyboard Events that are listed below −
| Sr.No | Events & Description |
|---|---|
| 1 | onkeydownTriggers when a key is pressed |
| 2 | onkeyupTriggers when a key is released |
Mouse Events
Following are the Mouse events attributes that are listed below −
| Sr.No | Events & Description |
|---|---|
| 1 | onclickTriggers on a mouse click |
| 2 | ondblclickTriggers on a mouse double-click |
| 3 | onmousedownTriggers when a mouse button is pressed |
| 4 | onmousemoveTriggers when the mouse pointer moves |
| 5 | onmouseoutTriggers when the mouse pointer moves out of an element |
| 6 | onmouseoverTriggers when the mouse pointer moves over an element |
| 7 | onmouseupTriggers when a mouse button is released |
| 8 | onwheelWhen the mouse wheel is over an element, the HTML onwheel event takes place. |
Drag Events
Following are the HTML drag events that are listed below −
| Sr.No | Events & Description |
|---|---|
| 1 | ondragTriggers when an element is dragged |
| 2 | ondragendTriggers at the end of a drag operation |
| 3 | ondragenterTriggers when an element has been dragged to a valid drop target |
| 4 | ondragleaveTriggers when an element leaves a valid drop target |
| 5 | ondragoverTriggers when an element is being dragged over a valid drop target |
| 6 | ondragstartTriggers at the start of a drag operation |
| 7 | ondropTriggers when a dragged element is being dropped |
| 8 | onscrollTriggers when an element’s scrollbar is being scrolled |
Clipboard Events
Let’s look into the following clipboard events that are listed below −
| Sr.No | Events & Description |
|---|---|
| 1 | oncopyTriggers when an element is copied by the user |
| 2 | oncutTriggers when an element is removed (cut) by the user |
| 3 | onpasteTriggers when an element is being pasted into an input field. |
Media Events
Following are the Media events attributes that are listed below −
| Sr.No | Events & Description |
|---|---|
| 1 | ondurationchangeTriggers when the length of a media is changed |
| 2 | onendedTriggers when a media has reached the end |
| 3 | onerrorTriggers when an error occurs |
| 4 | onloadeddataTriggers when media data is loaded |
| 5 | onloadedmetadataTriggers when the duration and other media data of a media element is loaded |
| 6 | onloadstartTriggers when the browser starts loading the media data |
| 7 | onpauseTriggers when media data is paused |
| 8 | onplayTriggers when media data is going to start playing |
| 9 | onplayingTriggers when media data has started playing |
| 10 | onprogressTriggers when the browser is fetching the media data |
| 11 | onratechangeTriggers when the playing rate of media data has changed |
| 12 | onseekedTriggers when the seeking attribute of a media element is no longer true, and the seeking has ended |
| 13 | onseekingTriggers when the seeking attribute of a media element is true, and the seeking has begun |
| 14 | onstalledTriggers when there is an error in fetching media data |
| 15 | onsuspendTriggers when the browser has been fetching media data, but stopped before the entire media file was fetched |
| 16 | ontimeupdateTriggers when media changes its playing position |
| 17 | onvolumechangeTriggers when a media changes the volume, also when volume is set to “mute” |
| 18 | onwaitingTriggers when media has stopped playing, but is expected to resume |
Misc Events
Following the misc event listed below −
| Sr.No | Event & Description |
|---|---|
| 1 | ontoggleIn general, the toggle means it toggles between hide() and show() for the selected element. |
Leave a Reply