10/20/2018 HTML Events Reference

HTML - EVENTS REFERENCE

https://www.tutorialspoint.com/html/html_events_reference.htm Copyright © tutorialspoint.com

Advertisements

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 events have been introduced in older versions of HTML but all the tags marked with

are part of HTML-5.

Events HTML-5 Description

onafterprint Triggers after a document is printed

onbeforeprint Triggers before a document is printed

onbeforeonload Triggers before a document loads

onerror Triggers when an error occurs

onhaschange Triggers when a document has changed

onload Triggers when a document loads

onmessage Triggers when a message is triggered

onoffline Triggers when a document goes offline

ononline Triggers when a document comes online

onpagehide Triggers when a window is hidden

https://www.tutorialspoint.com/cgi-bin/printpage.cgi 1/5
10/20/2018 HTML Events Reference

onpageshow Triggers when a window becomes visible

onpopstate Triggers when a window's history changes

onredo Triggers when a document performs a redo

onresize Triggers when a window is resized

onstorage Triggers when a document loads

onundo Triggers when a document performs an undo

onunload Triggers when a user leaves the document

Form Events
Following tags have been introduced in older versions of HTML but all the tags marked with

are part of HTML-5.

Events HTML-5 Description

onblur Triggers when a window loses focus

onchange Triggers when an element changes

oncontextmenu Triggers when a context menu is triggered

onfocus Triggers when a window gets focus

onformchange Triggers when a form changes

onforminput Triggers when a form gets user input

oninput Triggers when an element gets user input

oninvalid Triggers when an element is invalid

https://www.tutorialspoint.com/cgi-bin/printpage.cgi 2/5
10/20/2018 HTML Events Reference

onreset Triggers when a form is reset

onselect Triggers when an element is selected

onsubmit Triggers when a form is submitted

Keyboard Events

Events HTML-5 Description

onkeydown Triggers when a key is pressed

onkeypress Triggers when a key is pressed and released

onkeyup Triggers when a key is released

Mouse Events
Following tags have been introduced in older versions of HTML but all the tags marked with

are part of HTML-5.

Events HTML-5 Description

onclick Triggers on a mouse click

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 leaves a valid drop target

ondragover Triggers when an element is being dragged over a valid drop target

ondragstart Triggers at the start of a drag operation

https://www.tutorialspoint.com/cgi-bin/printpage.cgi 3/5
10/20/2018 HTML Events Reference

ondrop Triggers when a dragged element is being dropped

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

onscroll Triggers when an element's scrollbar is being scrolled

Media Events
Following tags have been introduced in older versions of HTML but all the tags marked with

are part of HTML-5.

Events HTML-5 Description

onabort Triggers on an abort event

oncanplay Triggers when a media can start play, but might has to stop for buffering

Triggers when a media can be played to the end, without stopping for
oncanplaythrough
buffering

ondurationchange Triggers when the length of a media is changed

onemptied Triggers when a media resource element suddenly becomes empty.

onended Triggers when a media has reached the end

onerror Triggers when an error occurs

https://www.tutorialspoint.com/cgi-bin/printpage.cgi 4/5
10/20/2018 HTML Events Reference

onloadeddata Triggers when media data is loaded

Triggers when the duration and other media data of a media element is
onloadedmetadata
loaded

onloadstart Triggers when the browser starts loading the media data

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

onprogress Triggers when the browser is fetching the media data

onratechange Triggers when the playing rate of media data has changed

onreadystatechange Triggers when the ready-state changes

Triggers when the seeking attribute of a media element is no longer true,

onseeked
and the seeking has ended

Triggers when the seeking attribute of a media element is true, and the
onseeking
seeking has begun

onstalled Triggers when there is an error in fetching media data

Triggers when the browser has been fetching media data, but stopped
onsuspend
before the entire media file was fetched

ontimeupdate Triggers when media changes its playing position

Triggers when a media changes the volume, also when volume is set to
onvolumechange
"mute"

onwaiting Triggers when media has stopped playing, but is expected to resume

https://www.tutorialspoint.com/cgi-bin/printpage.cgi 5/5