DevGuru JavaScript EVENT HANDLER: onClick

Quick References

Features

Partners



			EVENT HANDLER: onClick onClick = myJavaScriptCode Event handler for Button, Document, Checkbox, Link, Radio, Reset, Submit. The onClick event handler executes the specified JavaScript code or function on the occurance of a click event. When used with checkboxes, links, radio, reset and submit buttons, onClick can return a false value which cancels the normal action associated with the click event. With form objects that have default actions this works as follows: Radio buttons and checkboxes - nothing is set Submit buttons - submission of the form is cancelled. Reset buttons - resetting of the form is cancelled. The onClick event handler uses the following Event object properties. type - this property indicates the type of event. target - this property indicates the object to which the event was originally sent. layerX - the cursor location when the click event occurs. layerY - the cursor location when the click event occurs. pageX - the cursor location when the click event occurs. pageY - the cursor location when the click event occurs. screenX - the cursor location when the click event occurs. screenY - the cursor location when the click event occurs. which - 1 represents a left mouse click and 3 a right click. modifiers - lists the modifier keys (shift, alt, ctrl, etc.) held down when the click event occurs. when a link is clicked. The following example shows the use of the onClick* event handler to offer users the chance to cancel the resetting of a from when clicking on a Reset button. Code: <INPUT TYPE="RESET" onClick="return confirm('Are you sure?')">