Event:
The happening of something is known as an event.
JavaScript event:
JavaScript uses DOM events for interacting with HTML when a webpage is manipulated by a user or browser. Clicking a button, keypress, etc. are examples of an event.
Example:
<!DOCTYPE html>
<html>
<body>
<script>
function sayHello() {
alert("Onclick event.")
}
</script>
<p>Click Say Hello button and see result.</p>
<form>
<input type="button" onclick="sayHello()" value="Say Hello" />
</form>
</body>
</html>
Try it:
JavaScript events list:
Attribute |
Description |
Offline |
Triggers when the document goes offline |
Onabort |
Triggers on an abort event |
onafterprint |
Triggers after the document is printed |
onbeforeonload |
Triggers before the document loads |
onbeforeprint |
Triggers before the document is printed |
onblur |
Triggers when the window loses focus |
oncanplay |
Triggers when media can start play, but might have to stop for buffering |
oncanplaythrough |
Triggers when media can be played to the end, without stopping for buffering |
onchange |
Triggers when an element changes |
onclick |
Triggers on a mouse click |
oncontextmenu |
Triggers when a context menu is triggered |
ondblclick |
Triggers on a mouse double-click |
ondrag |
Triggers when an element is dragged |
ondragend |
Triggers at the end of a drag operation |
ondragenter |
Triggers when an element has been dragged to a valid drop target |
ondragleave |
Triggers when an element is being dragged over a valid drop target |
ondragover |
Triggers at the start of a drag operation |
ondragstart |
Triggers at the start of a drag operation |
ondrop |
Triggers when the dragged element is being dropped |
ondurationchange |
Triggers when the length of the media is changed |
onemptied |
Triggers when a media resource element suddenly becomes empty. |
onended |
Triggers when media has reached the end |
onerror |
Triggers when an error occurs |
onfocus |
Triggers when the window gets focus |
onformchange |
Triggers when a form changes |
onforminput |
Triggers when a form gets user input |
onhaschange |
Triggers when the document has changed |
oninput |
Triggers when an element gets user input |
oninvalid |
Triggers when an element is invalid |
onkeydown |
Triggers when a key is pressed |
onkeypress |
Triggers when a key is pressed and released |
onkeyup |
Triggers when a key is released |
onload |
Triggers when the document loads |
onloadeddata |
Triggers when media data is loaded |
onloadedmetadata |
Triggers when the duration and other media data of a media element are loaded |
onloadstart |
Triggers when the browser starts to load the media data |
onmessage |
Triggers when the message is triggered |
onmousedown |
Triggers when a mouse button is pressed |
onmousemove |
Triggers when the mouse pointer moves |
onmouseout |
Triggers when the mouse pointer moves out of an element |
onmouseover |
Triggers when the mouse pointer moves over an element |
onmouseup |
Triggers when a mouse button is released |
onmousewheel |
Triggers when the mouse wheel is being rotated |
onoffline |
Triggers when the document goes offline |
onoine |
Triggers when the document comes online |
ononline |
Triggers when the document comes online |
onpagehide |
Triggers when the window is hidden |
onpageshow |
Triggers when the window becomes visible |
onpause |
Triggers when media data is paused |
onplay |
Triggers when media data is going to start playing |
onplaying |
Triggers when media data has started playing |
onpopstate |
Triggers when the window’s history changes |
onprogress |
Triggers when the browser is fetching the media data |
onratechange |
Triggers when the media data’s playing rate has changed |
onreadystatechange |
Triggers when the ready-state changes |
onredo |
Triggers when the document performs a redo |
onresize |
Triggers when the window is resized |
onscroll |
Triggers when an element’s scrollbar is being scrolled |
onseeked |
Triggers when a media element’s seeking attribute is no longer true, and the seeking has ended |
onseeking |
Triggers when a media element’s seeking attribute is true, and the seeking has begun |
onselect |
Triggers when an element is selected |
onstalled |
Triggers when there is an error in fetching media data |
onstorage |
Triggers when a document loads |
onsubmit |
Triggers when a form is submitted |
onsuspend |
Triggers when the browser has been fetching media data, but stopped before the entire media file was fetched |
ontimeupdate |
Triggers when media changes its playing position |
onundo |
Triggers when a document performs an undo |
onunload |
Triggers when the user leaves the document |
onvolumechange |
Triggers when media changes the volume, also when the volume is set to “mute” |
onwaiting |
Triggers when media has stopped playing, but is expected to resume |
