MSc-IT Study Material
June 2010 Edition

Computer Science Department, University of Cape Town

HTML Attributes for Event handling

There are many HTML attributes for handling events in JavaScript. The following table lists the main ones, and the objects that support them. You do not have to memorise this list, but you should be aware of the sort of events that can be handled.

HTML Event AttributeObject supporting event
onAbort — triggered when document loading interrupted Image
onBlur — triggered when an input element loses focusText elements, Window, other elements
onChange — triggered when user selects or deselects an element or enters text and moves focus to another input elementSelect, text input elements
onClick — triggered when user clicks once; return false to cancel default action of following a link, submitting, etc.Link, button elements
onError — triggered when an error occurs while loading an image Image
onFocus — triggered when an element is given focusText elements, Window, other elements
onKeyDown — triggered when a key is pressed down by user; return false to cancelDocument, Image, Link, Text elements
onKeyPress — triggered when key is either pressed or released; return false to cancelDocument, Image, Link, Text elements
onKeyUp — triggered when the user released a key; return false to cancelDocument, Image, Link, Text elements
onLoad — triggered when document or image finishes loadingWindow, Image
onMouseDown — triggered when mouse left button pressed down by user; return false to cancelDocument, Image, Link, button elements
onMouseOut — triggered when mouse is moved away from elementLink, Image, Layer
onMouseOver — triggered when mouse pointer moved over element; for anchors, return true to prevent URL display in status areaLink, Image, Layer
onMouseUp — triggered when user releases mouse button; return false to cancelDocument, Image, Link, button elements
onReset — triggered when form reset requested; return false to stop reset Form
onResize — triggered when window is resized Window
onSubmit — triggered when form submission requested; return false to stop submission Form
onUnload — triggered when document is unloaded Window

Now do Review Questions 9 and 10.