What are the html events?

html events include: 1. Window events triggered by window objects; 2. Form events triggered by actions within HTML forms; 3. Keyboard events; 4. Mouse events triggered by mouse or similar user actions ;5. Media events triggered by media (such as videos, images, and audio).

The operating environment of this tutorial: Windows 7 system, HTML5 version, Dell G3 computer.

HTML has the ability to have events trigger actions in the browser, such as launching JavaScript when a user clicks on an element.

Events in html

1. Window events

Events triggered for the window object (applied to tag):

Attribute	Value	Description
onafterprint	script	Script that runs after the document is printed.
onbeforeprint	script	Script that runs before document printing.
onbeforeunload	script	Script that runs before the document is unloaded.
onerror	script	Script that runs when an error occurs.
onhaschange	script	A script that runs when the document has changed.
onload	script	Triggered after the page has finished loading.
onmessage	script	Script that runs when a message is triggered.
onoffline	script	Script that runs when the document is offline.
ononline	script	Script that runs when the document goes online.
onpagehide	script	Script that runs when the window is hidden.
onpageshow	script	Script that runs when the window becomes visible.
onpopstate	script	Script that runs when the window history changes.
onredo	script	Script that runs when the document performs redo.
onresize	script	Fired when the browser window is resized.
onstorage	script	Script that runs after the Web Storage zone is updated.
onundo	script	Script that runs when the document executes undo.
onunload	script	Fires once the page has been downloaded (or the browser window has been closed).

2. Form event

An event triggered by an action within an HTML form (applies to almost all HTML elements, but most Commonly used in form elements):

##onblur scriptScript that runs when the element loses focus. onchangescriptScript that runs when the element value is changed. oncontextmenuscriptScript that runs when the context menu is triggered. onfocusscriptScript that runs when an element gets focus. onformchangescriptScript that runs when the form changes. onforminputscriptScript that runs when the form gets user input. oninputscriptA script that runs when the element gets user input. oninvalidscriptScript that runs when an element is invalid. onresetscriptFires when the reset button in the form is clicked. Not supported in HTML5. onselectscriptFires after the text in the element is selected. onsubmitscriptFires when the form is submitted.

Attribute	Value	Description

3. Keyboard event

AttributeValueDescriptiononkeydownscriptFires when the user presses a key. onkeypressscriptFires when the user taps the button. onkeyupscriptFires when the user releases the key.

4. Mouse event

Events triggered by mouse or similar user actions:

Properties	Value	Description
onclick	script	Fires when a mouse click occurs on the element.
ondblclick	script	Fires when a mouse double-click occurs on the element.
ondrag	script	Script that runs when the element is dragged.
ondragend	script	Script that runs at the end of a drag operation.
ondragenter	script	A script that runs when an element has been dragged into a valid drag and drop area.
ondragleave	script	Script that runs when an element leaves a valid drag-and-drop target.
ondragover	script	Script that runs when an element is being dragged on a valid drag target.
ondragstart	script	Script that runs at the beginning of a drag operation.
ondrop	script	Script that runs when the dragged element is being dragged and dropped.
onmousedown	script	Fires when the mouse button is pressed on the element.
onmousemove	script	Fires when the mouse pointer moves over an element.
onmouseout	script	Fires when the mouse pointer moves out of the element.
onmouseover	script	Fires when the mouse pointer moves over an element.
onmouseup	script	Fires when the mouse button is released on the element.
onmousewheel	script	Script that runs when the mouse wheel is being rolled.
onscroll	script	Script that runs when the element scroll bar is scrolled.

5. Media event

Events triggered by media (such as video, image and audio) (applicable to all HTML elements, but commonly found in media elements, such as , ,