The abort event occurs when the loading of an audio/video has been aborted, and not because of an error.
<video onabort="myFunction()">
</video>
afterprint :
The event occurs when a page has started printing, or if the print dialogue box has been closed.
<body onafterprint="myFunction()">
animationend :
The event occurs when a CSS animation has completed.
var x = document.getElementById("myDIV");
// Code for Chrome ,Safari and Opera
x.addEventListener("webkitAnimationEnd", myEndFunction);
// Standard syntax
x.addEventListener("animationend", myEndFunction);
animationiteration :
The animationiteration event occurs when a CSS animation is repeated.
var x = document.getElementById("myDIV");
// Code for Chrome ,Safari and Opera
x.addEventListener("webkitAnimationIteration", myRepeatFunction);
// Standard syntax
x.addEventListener("animationiteration", myRepeatFunction);
animationstart :
The animationstart event occurs when a CSS animation has started to play.
var x = document.getElementById("myDIV");
// Code for Chrome ,Safari and Opera
x.addEventListener("webkitAnimationStart", myStartFunction);
// Standard syntax
x.addEventListener("animationStart", myStartFunction);
beforeprint :
The beforeprint event occurs when a page is about to be printed (before the print dialogue box appears).
<body onbeforeprint="myFunction()">
beforeunload :
The onbeforeunload event occurs when the document is about to be unloaded.
<body onbeforeunload="return muFunction()">
blur :
The onblur event occurs when an object loses focus. The onblur event is most often used with form validation code (e.g. when the user leaves a form field).
<input type="text" onblur="myFunction()">
canplay :
The oncanplay event occurs when the browser can start playing the specified audio/video (when it has buffered enough to begin).
<video oncanplay="myFunction()">
canplaythrough :
The oncanplaythrough event occurs when the browser estimates it can play through the specified media without having to stop for buffering.
<video oncanplaythrough="myFunction()">
change :
The onchange event occurs when the value of an element has been changed.
<select onchange="myFunction()">
click :
The onclick event occurs when the user clicks on an element.
<button onclick="myFunction()"> Click Me </button>
HTML DOM Events :
contextmenu :
The oncontextmenu event occurs when the user right-clicks on an element to open the context menu.
The transitionend event occurs when a CSS transition has completed.
// Code for Safari 3.1 to 6.0
document.getElementById("myDIV").addEventListener("webkitTransitionEnd",myFunction);
// Standard syntax
document.getElementById("myDIV").addEventListener("transitioned",myFunction);
unload :
The onunload event occurs once a page has unloaded (or the browser window has been closed).
<body onunload="myFunction()">
volumechange :
The onvolumechange event occurs each time the volume of a video/audio has been changed.
<video onvolumechange="myFunction()">
waiting :
The onwaiting event occurs when the video stops because it needs to buffer the next frame.
<video onwaiting="myFunction()">
wheel :
The onwheel event occurs when the mouse wheel is rolled up or down over an element.
document.getElementById("myDIV").addEventListener("wheel",myFunction);
function myFunction() {
this.style.fontSize = "35px" ;
