<html>
<link rel="stylesheet" href="josh.css">
<body bgcolor="#FFFFFF">

		<div id="Description">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">onclick</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">2</span> IE <span class="emphasis">3</span> DOM <span class="emphasis">2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Bubbles: Yes; Cancelable: Yes&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Fires after the user effects a mouse click or equivalent action.
Click equivalents occur naturally on focusable elements (buttons and
links for most browsers) by pressing the <span class="emphasis">Enter</span> key (and frequently the spacebar) when
the item has focus. In modern browsers that support the
<span class="literal">accesskey</span> attribute, typing the access key
combination also triggers a click equivalent.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
						<tr>
							<td colspan="2"><p>			For mouse click actions, the <span class="literal">onclick</span> event fires
only if the mouse button is pressed and released with the pointer
atop the same element. In that case, the primary mouse events fire in
this order: <span class="literal">onmousedown</span>,
<span class="literal">onmouseup</span>, and <span class="literal">onclick</span>.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
						<tr>
							<td colspan="2"><p>			An <span class="literal">event</span> object created from a mouse event has
numerous properties filled with details such as coordinates of the
click and whether any modifier keys were held down during the event.
Information about the button used is more reliably accessed through
the <span class="literal">onmousedown</span> or <span class="literal">onmouseup</span>
events. The event handler function can inspect these properties as
needed.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
						<tr>
							<td colspan="2"><p>			Although the <span class="literal">onclick</span> event has been supported for
button-oriented form controls and link objects since the early days
of scriptable browsers, modern browsers can fire the event on
virtually any other rendered element. Note that in Netscape 6, mouse
events can fire on child text nodes of container-type elements,
meaning that the <span class="literal">event</span> object's
<span class="literal">target</span> property references the node, rather than
the element. See Chapter 6 for details about the
impact of this W3C DOM-endorsed behavior and cross-browser solutions.
</p>
							</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="typicaltargets"><span class="title">Typical Targets</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			For all browsers, <span class="literal">input</span> (of type
<span class="literal">button</span>, <span class="literal">radio</span>,
<span class="literal">checkbox</span>, <span class="literal">reset</span>, and
<span class="literal">submit</span>), <span class="literal">a</span>, and
<span class="literal">area</span> objects; Version 4 and later support the
event for the <span class="literal">document</span> and
<span class="literal">window</span> objects; for IE 4 or later and Netscape 6,
add any rendered element, as well as text nodes for Netscape 6.
</p>
					</td>
				</tr>
			</table>
		</div>
</body>
</html>