Element.onevent (Property)

A property containing a reference to an event handler property.


JavaScript - 1.2
JScript - 5.0
Internet Explorer - 5.0
Netscape - 4.0
Property/method value type:Function object
JavaScript syntax:-myElement.onevent
-myElement.onevent = aFunctionObject
HTML syntax:< ... onEvent="...">
Argument list:aFunctionObjectAn event handler function

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:

AbortonabortWhen image loading is aborted.
AfterPrintonafterprintWhen printing has just finished.
AfterUpdateonafterupdateWhen an update is completed.
BackonbackThe user has clicked on the [BACK] button in the toolbar.
BeforeCopyonbeforecopyImmediately before a copy to the clipboard.
BeforeCutonbeforecutImmediately before a cut to the clipboard.
BeforeEditFocusonbeforeeditfocusImmediately before the edit focus is directed to an element.
BeforePasteonbeforepasteImmediately before the clipboard is pasted.
BeforePrintonbeforeprintImmediately before printing begins.
BeforeUnloadonbeforeunloadCalled immediately prior to the window being unloaded.
BeforeUpdateonbeforeupdateCalled immediately before an update commences.
BluronblurWhen an input element loses input focus.
BounceonbounceTriggered when a marquee element hits the edge of its element area.
ChangeonchangeWhen edit fields have new values entered or a popup has a new selection, this event's handler can check the new value.
ClickonclickWhen the user clicks the mouse button on the Element object that represents the object on screen.
ContextMenuoncontextmenuSpecial handling for contextual menus.
CopyoncopyWhen a copy operation happens.
CutoncutWhen a cut operation happens.
DataAvailableondataavailableSome data has arrived asynchronously from an applet or data source.
DataSetChangedondatasetchangedA data source has changed the content or some initial data is now ready for collection
DataSetCompleteondatasetcompleteThere is no more data to be transmitted from the data source.
DblClickondblclickWhen the user double clicks on an object.
DragondragWhen a drag operation happens.
DragDropondragdropSome data has been dropped onto a window.
DragEndondragendWhen a drag ends.
DragEnterondragenterWhen a dragged item enters the element.
DragLeaveondragleaveWhen a dragged item leaves the element.
DragOverondragoverWhile the dragged item is over the element.
DragStartondragstartThe user has commenced some data selection with a mouse drag.
DropondropWhen a dragged item is dropped.
ErroronerrorTriggered if an error occurs when loading an image.
ErrorUpdateonerrorupdateAn error has occurred in the transfer of some data from a data source.
FilterChangeonfilterchangeA filter has changed the state of an element or a transition has just been completed.
FinishonfinishA marquee object has finished looping.
FocusonfocusWhen the form element is selected for entry.
ForwardonforwardThe user has clicked on the [FORWARD] button in the toolbar.
HelponhelpThe user has pressed the [F1] key or selected [help] from the toolbar or menu.
KeyDownonkeydownWhen a key is pressed.
KeyPressonkeypressPressing the key down and releasing it again elicits this event.
KeyUponkeyupWhen a key is released.
LoadonloadWhen an object has completed loading.
LoseCaptureonlosecaptureWhen an element loses event capturing permission.
MouseDownonmousedownWhen the mouse button is pressed.
MouseDragonmousedragAn event handler for mouse drag operations.
MouseMoveonmousemoveWhen the mouse pointer is moved.
MouseOutonmouseoutWhen the mouse pointer leaves the active area occupied by the Element object that represents the object on screen.
MouseOveronmouseoverWhen the mouse pointer enters the active area owned by the object.
MouseUponmouseupWhen the mouse button is released.
MoveonmoveThe browser window has been moved.
PasteonpasteWhen a paste operation happens.
PropertyChangeonpropertychangeWhen an object property is modified (similar to the Netscape Navigator watch() method).
ReadyStateChangeonreadystatechangeAn object in the window has changed its ready state.
ResetonresetThe user has clicked a reset button in a form.
ResizeonresizeAs the window is resized, this event is triggered.
RowEnteronrowenterThe data in a field bound to a data source is about to be changed.
RowExitonrowexitThe data in a field bound to a data source has been changed.
ScrollonscrollThe window has been scrolled.
SelectonselectSome textual content in the window has been selected.
SelectStartonselectstartA select action is beginning.
StartonstartA marquee element is beginning its loop.
StoponstopWhen a stop action occurs.
SubmitonsubmitThe user has clicked on the submit button in a form.
UnloadonunloadTriggered 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.