 | JavaScript | |||
|---|---|---|---|---|
| Prev | Home | Up | Next |
There is a small set of event handler function properties created by default. Some sub-classes of the Element object will add others as needed. You can assign your own handlers to these properties (if necessary creating the properties that don't already exist).
Here is a list of all the event handler property names discovered during our research. These are collated from a variety of documentation sources. Some were discovered by inspecting objects with scripts:
| Event: | Handler: | Usage: |
|---|---|---|
| Abort | onabort | When image loading is aborted. |
| AfterPrint | onafterprint | When printing has just finished. |
| AfterUpdate | onafterupdate | When an update is completed. |
| Back | onback | The user has clicked on the [BACK] button in the toolbar. |
| BeforeCopy | onbeforecopy | Immediately before a copy to the clipboard. |
| BeforeCut | onbeforecut | Immediately before a cut to the clipboard. |
| BeforeEditFocus | onbeforeeditfocus | Immediately before the edit focus is directed to an element. |
| BeforePaste | onbeforepaste | Immediately before the clipboard is pasted. |
| BeforePrint | onbeforeprint | Immediately before printing begins. |
| BeforeUnload | onbeforeunload | Called immediately prior to the window being unloaded. |
| BeforeUpdate | onbeforeupdate | Called immediately before an update commences. |
| Blur | onblur | When an input element loses input focus. |
| Bounce | onbounce | Triggered when a marquee element hits the edge of its element area. |
| Change | onchange | When edit fields have new values entered or a popup has a new selection, this event's handler can check the new value. |
| Click | onclick | When the user clicks the mouse button on the Element object that represents the object on screen. |
| ContextMenu | oncontextmenu | Special handling for contextual menus. |
| Copy | oncopy | When a copy operation happens. |
| Cut | oncut | When a cut operation happens. |
| DataAvailable | ondataavailable | Some data has arrived asynchronously from an applet or data source. |
| DataSetChanged | ondatasetchanged | A data source has changed the content or some initial data is now ready for collection |
| DataSetComplete | ondatasetcomplete | There is no more data to be transmitted from the data source. |
| DblClick | ondblclick | When the user double clicks on an object. |
| Drag | ondrag | When a drag operation happens. |
| DragDrop | ondragdrop | Some data has been dropped onto a window. |
| DragEnd | ondragend | When a drag ends. |
| DragEnter | ondragenter | When a dragged item enters the element. |
| DragLeave | ondragleave | When a dragged item leaves the element. |
| DragOver | ondragover | While the dragged item is over the element. |
| DragStart | ondragstart | The user has commenced some data selection with a mouse drag. |
| Drop | ondrop | When a dragged item is dropped. |
| Error | onerror | Triggered if an error occurs when loading an image. |
| ErrorUpdate | onerrorupdate | An error has occurred in the transfer of some data from a data source. |
| FilterChange | onfilterchange | A filter has changed the state of an element or a transition has just been completed. |
| Finish | onfinish | A marquee object has finished looping. |
| Focus | onfocus | When the form element is selected for entry. |
| Forward | onforward | The user has clicked on the [FORWARD] button in the toolbar. |
| Help | onhelp | The user has pressed the [F1] key or selected [help] from the toolbar or menu. |
| KeyDown | onkeydown | When a key is pressed. |
| KeyPress | onkeypress | Pressing the key down and releasing it again elicits this event. |
| KeyUp | onkeyup | When a key is released. |
| Load | onload | When an object has completed loading. |
| LoseCapture | onlosecapture | When an element loses event capturing permission. |
| MouseDown | onmousedown | When the mouse button is pressed. |
| MouseDrag | onmousedrag | An event handler for mouse drag operations. |
| MouseMove | onmousemove | When the mouse pointer is moved. |
| MouseOut | onmouseout | When the mouse pointer leaves the active area occupied by the Element object that represents the object on screen. |
| MouseOver | onmouseover | When the mouse pointer enters the active area owned by the object. |
| MouseUp | onmouseup | When the mouse button is released. |
| Move | onmove | The browser window has been moved. |
| Paste | onpaste | When a paste operation happens. |
| PropertyChange | onpropertychange | When an object property is modified (similar to the Netscape Navigator watch() method). |
| ReadyStateChange | onreadystatechange | An object in the window has changed its ready state. |
| Reset | onreset | The user has clicked a reset button in a form. |
| Resize | onresize | As the window is resized, this event is triggered. |
| RowEnter | onrowenter | The data in a field bound to a data source is about to be changed. |
| RowExit | onrowexit | The data in a field bound to a data source has been changed. |
| Scroll | onscroll | The window has been scrolled. |
| Select | onselect | Some textual content in the window has been selected. |
| SelectStart | onselectstart | A select action is beginning. |
| Start | onstart | A marquee element is beginning its loop. |
| Stop | onstop | When a stop action occurs. |
| Submit | onsubmit | The user has clicked on the submit button in a form. |
| Unload | onunload | Triggered when the document is unloaded. |
You can usually discover what events an object supports by enumerating all its properties in a for( ... in ... ) loop. The event handler hooks will be listed with the other enumerable properties of the object.
| Prev | Home | Next |
| Element.offsetWidth | Up | Element.outerHTML |
JavaScript Programmer's Reference, Cliff Wootton Wrox Press (www.wrox.com) Join the Wrox JavaScript forum at p2p.wrox.com Please report problems to support@wrox.com © 2001 Wrox Press. All Rights Reserved. Terms and conditions. | ||