onUnload event handler
onunload executes JavaScript immediately after someone leaves the page. A common use (though not that great) is to thank someone as that person leaves your page for coming and visiting.
<body onunload="alert('Thank you. Please come back to this site and visit us soon, ok?')">
There are other event handlers, many belonging to forms. These event handlers are discussed in the tutorial Accessing and validating forms using Javascript.
Here is a list of commonly used event handlers in JavaScript:
| Event Handlers | Applicable inside: | |
| onAbort | <img> tags | |
| onBlur | window object, all form objects (ie: <input>), and <frame>. | |
| onClick | Most visible elements such as <a>, <div>, <body> etc. | |
| onChange | Use this to invoke JavaScript if the mouse goes pass some link | |
| onError | Text fields, textareas, and select lists. | |
| onFocus | Most visible elements such as <a>, <div>, <body> etc. | |
| onLoad | <body>, <img>, and <frame> | |
| onMouseover | Most visible elements such as <a>, <div>, <body> etc. | |
| onMouseout | Most visible elements such as <a>, <div>, <body> etc. | |
| onReset | <form> tag, triggered when the form is reset via <input type="reset">. | |
| onSelect | Elements with textual content. Most commonly used inside text fields and textareas. | |
| onSubmit | <form> tag, triggered when the form is submitted. | |
| onUnload | <body> |
- Tutorial introduction
- onClick event handler
- onLoad event handler
- onMouseover, onMouseout event handler
- onUnload event handler
