javascript html dom events

1Events:
2
3Mouse:
4onclick
5The event occurs when the user clicks on an element
6oncontextmenu
7User right-clicks on an element to open a context menu
8ondblclick
9The user double-clicks on an element
10onmousedown
11User presses a mouse button over an element
12onmouseenter
13The pointer moves onto an element
14onmouseleave
15Pointer moves out of an element
16onmousemove
17The pointer is moving while it is over an element
18onmouseover
19When the pointer is moved onto an element or one of its children
20onmouseout
21User moves the mouse pointer out of an element or one of its children
22onmouseup
23The user releases a mouse button while over an element
24
25Keyboard:
26onkeydown
27When the user is pressing a key down
28onkeypress
29The moment the user starts pressing a key
30onkeyup
31The user releases a key
32
33Frame:
34onabort
35The loading of a media is aborted
36onbeforeunload
37Event occurs before the document is about to be unloaded
38onerror
39An error occurs while loading an external file
40onhashchange
41There have been changes to the anchor part of a URL
42onload
43When an object has loaded
44onpagehide
45The user navigates away from a webpage
46onpageshow
47When the user navigates to a webpage
48onresize
49The document view is resized
50onscroll
51An element’s scrollbar is being scrolled
52onunload
53Event occurs when a page has unloaded
54
55Form:
56onblur
57When an element loses focus
58onchange
59The content of a form element changes (for <input>, <select>and <textarea>)
60onfocus
61An element gets focus
62onfocusin
63When an element is about to get focus
64onfocusout
65The element is about to lose focus
66oninput
67User input on an element
68oninvalid
69An element is invalid
70onreset
71A form is reset
72onsearch
73The user writes something in a search field (for <input="search">)
74onselect
75The user selects some text (for <input> and <textarea>)
76onsubmit
77A form is submitted
78
79Drag:
80ondrag
81An element is dragged
82ondragend
83The user has finished dragging the element
84ondragenter
85The dragged element enters a drop target
86ondragleave
87A dragged element leaves the drop target
88ondragover
89The dragged element is on top of the drop target
90ondragstart
91User starts to drag an element
92ondrop
93Dragged element is dropped on the drop target
94
95Clipboard:
96oncopy
97User copies the content of an element
98oncut
99The user cuts an element’s content
100onpaste
101A user pastes content in an element
102
103Media:
104onabort
105Media loading is aborted
106oncanplay
107The browser can start playing media (e.g. a file has buffered enough)
108oncanplaythrough
109When browser can play through media without stopping
110ondurationchange
111The duration of the media changes
112onended
113The media has reached its end
114onerror
115Happens when an error occurs while loading an external file
116onloadeddata
117Media data is loaded
118onloadedmetadata
119Meta Metadata (like dimensions and duration) are loaded
120onloadstart
121Browser starts looking for specified media
122onpause
123Media is paused either by the user or automatically
124onplay
125The media has been started or is no longer paused
126onplaying
127Media is playing after having been paused or stopped for buffering
128onprogress
129Browser is in the process of downloading the media
130onratechange
131The playing speed of the media changes
132onseeked
133User is finished moving/skipping to a new position in the media
134onseeking
135The user starts moving/skipping
136onstalled
137The browser is trying to load the media but it is not available
138onsuspend
139Browser is intentionally not loading media
140ontimeupdate
141The playing position has changed (e.g. because of fast forward)
142onvolumechange
143Media volume has changed (including mute)
144onwaiting
145Media paused but expected to resume (for example, buffering)
146Animation
147animationend
148A CSS animation is complete
149animationiteration
150CSS animation is repeated
151animationstart
152CSS animation has started
153
154Other:
155transitionend
156Fired when a CSS transition has completed
157onmessage
158A message is received through the event source
159onoffline
160Browser starts to work offline
161ononline
162The browser starts to work online
163onpopstate
164When the window’s history changes
165onshow
166A <menu> element is shown as a context menu
167onstorage
168A Web Storage area is updated
169ontoggle
170The user opens or closes the <details> element
171onwheel
172Mouse wheel rolls up or down over an element
173ontouchcancel
174Screen touch is interrupted
175ontouchend
176User finger is removed from a touch screen
177ontouchmove
178A finger is dragged across the screen
179ontouchstart
180Finger is placed on touch screen

1<!DOCTYPE html>
2<html>
3<body>
4
5<h1 onclick="this.innerHTML = 'Ooops!'">Click on this text!</h1>
6
7</body>
8</html>