<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">event</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">4</span>  IE <span class="emphasis">4</span>  DOM <span class="emphasis">2</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements"></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>The <span class="literal">event</span> object contains information about a
user- or system-generated event. But there are three different kinds
of <span class="literal">event</span> objects, one for each of the event object
models deployed in browsers: IE for Windows, Navigator 4, and
Netscape 6 (from the W3C DOM). IE 5 for Macintosh implements a hybrid
of the IE for Windows and Netscape 6 version. See Chapter 6 for examples of processing events in a
cross-browser environment. It is rare that an
<span class="literal">event</span> object property applies to more than one of
the event models, so pay special attention to the browser
compatibility listings for each of the following properties.
</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td colspan="2"><p>The Netscape 6 <span class="literal">event</span> object is more complex in
some ways due to the object-oriented nature of the underlying W3C DOM
<span class="literal">Event</span> object structure. Rather than being an
all-encompassing object (as the IE <span class="literal">event</span> object
is), the Netscape 6 <span class="literal">event</span> object exposes different
sets of properties and methods depending on the classification of
event. All event classes share the properties and methods of the W3C
DOM root <span class="literal">Event</span> object. But actual event object
instances belong to one of the <span class="literal">Event</span>
object's subclasses (and sometimes, sub-subclasses).
These subclasses are known as <span class="literal">UIEvent</span> (so-called
user interface events such as <span class="literal">DOMFocusIn</span>),
<span class="literal">MouseEvent</span> (including the well-known mouse
events), <span class="literal">MutationEvent</span> (events that signal a
scripted change to the node structure of the document), and, coming
in DOM Level 3, <span class="literal">TextEvent</span> (keyboard-related
events). Netscape 6 implements its own, temporary keyboard events
classification under the name <span class="literal">KeyEvent</span>, which is a
subclass of <span class="literal">UIEvent</span>, although it borrows some
<span class="literal">MouseEvent</span> properties for scripting convenience.
</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td colspan="2"><p>By and large, this functional division of objects
won't impact your Netscape 6 event processing
because an event listener function for a particular kind of event
will be looking for properties associated with that event. The event
class is of little concern. Still, it is instructive to see the way
event object properties and methods cascade through this
object-oriented structure. The following table illustrates the
distribution of properties among Netscape 6 and W3C DOM event
classes.
</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td colspan="2"><p>And the following table illustrates the distribution of methods among
Netscape 6 and W3C DOM event classes.
</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td colspan="2"><p>The <span class="literal">event</span> object in Netscape 6 also implements the
properties of the Navigator 4 static <span class="literal">Event</span> object,
and it inherits an enormous list of W3C DOM
<span class="literal">TextEvent</span> object constants that represent
nonalphanumeric keyboard key codes (which have constant names like
<span class="replaceable">eventObject</span><span class="literal">.DOM_VK_PAGE_UP</span>).
These keyboard constants are defined in the forthcoming W3C DOM Level
3 events module, but are already implemented in Netscape 6 (although
the values don't exactly line up yet). A list of
properties for the Navigator 4 static <span class="literal">Event</span> object
appears in the <span class="literal">Event</span> object discussion following
the current foray through an instance of an event.
</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td colspan="2"><p>As described in detail throughout Chapter 6, you
must use different script techniques to obtain a reference to an
<span class="literal">event</span> object in the IE and Navigator event models.
Once you have that reference, you are well on your way to equalizing
event processing across browsers. The example fragments that follow
assume that previous script statements have obtained a reference to
the browser-specific <span class="literal">event</span> object (usually shown
in the example as stored in a variable called
<span class="literal">evt</span>).
</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td>
								<table border="1"><tbody><tr><th></th><th>Event</th><th>UIEvent</th><th>MouseEvent</th><th>KeyEventImplemented
in Netscape 6 for additional functionality or in lieu of unfinished
DOM Level 3 keyboard event model. Borrows some <span class="literal">MouseEvent</span> properties for scripting convenience.</th><th>TextEventProposed for
DOM Level 3, but not implemented in Netscape 6.</th><th>MutationEvent</th></tr>
										<tr><td>Event properties</td>
										</tr>
										<tr><td>bubbles</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td>
										</tr>
										<tr><td>cancelable</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td>
										</tr>
										<tr><td>cancelBubble IE property implemented in Netscape 6 for cross-browser convenience.</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td></td><td>&radic;</td>
										</tr>
										<tr><td>currentTarget</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td>
										</tr>
										<tr><td>eventPhase</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td>
										</tr>
										<tr><td>originalTarget8</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td></td><td>&radic;</td>
										</tr>
										<tr><td>target</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td>
										</tr>
										<tr><td>timeStamp</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td>
										</tr>
										<tr><td>type</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td>
										</tr>
										<tr><td>UIEvent properties</td>
										</tr>
										<tr><td>detail</td><td></td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td></td>
										</tr>
										<tr><td>view</td><td></td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td></td>
										</tr>
										<tr><td>MouseEvent properties</td>
										</tr>
										<tr><td>altKey</td><td></td><td></td><td>&radic;</td><td>&radic;</td><td></td><td></td>
										</tr>
										<tr><td>button</td><td></td><td></td><td>&radic;</td><td></td><td></td><td></td>
										</tr>
										<tr><td>clientX</td><td></td><td></td><td>&radic;</td><td>&radic;</td><td></td><td></td>
										</tr>
										<tr><td>clientY</td><td></td><td></td><td>&radic;</td><td>&radic;</td><td></td><td></td>
										</tr>
										<tr><td>ctrlKey</td><td></td><td></td><td>&radic;</td><td>&radic;</td><td></td><td></td>
										</tr>
										<tr><td>metaKey</td><td></td><td></td><td>&radic;</td><td>&radic;</td><td></td><td></td>
										</tr>
										<tr><td>relatedTarget</td><td></td><td></td><td>&radic;</td><td></td><td></td><td></td>
										</tr>
										<tr><td>screenX</td><td></td><td></td><td>&radic;</td><td>&radic;</td><td></td><td></td>
										</tr>
										<tr><td>screenY</td><td></td><td></td><td>&radic;</td><td>&radic;</td><td></td><td></td>
										</tr>
										<tr><td>shiftKey</td><td></td><td></td><td>&radic;</td><td>&radic;</td><td></td><td></td>
										</tr>
										<tr><td>KeyEvent properties</td>
										</tr>
										<tr><td>charCode8</td><td></td><td></td><td></td><td>&radic;</td><td></td><td></td>
										</tr>
										<tr><td>isChar8</td><td></td><td></td><td></td><td>&radic;</td><td></td><td></td>
										</tr>
										<tr><td>keyCode8</td><td></td><td></td><td></td><td>&radic;</td><td></td><td></td>
										</tr>
										<tr><td>rangeOffset8</td><td></td><td></td><td></td><td>&radic;</td><td></td><td></td>
										</tr>
										<tr><td>rangeParent8</td><td></td><td></td><td></td><td>&radic;</td><td></td><td></td>
										</tr>
										<tr><td>TextEvent properties</td><td></td><td></td><td></td><td></td><td></td><td></td>
										</tr>
										<tr><td>keyVal9</td><td></td><td></td><td></td><td></td><td>&radic;</td><td></td>
										</tr>
										<tr><td>numPad9</td><td></td><td></td><td></td><td></td><td>&radic;</td><td></td>
										</tr>
										<tr><td>outputString9</td><td></td><td></td><td></td><td></td><td>&radic;</td><td></td>
										</tr>
										<tr><td>virtKeyVal9</td><td></td><td></td><td></td><td></td><td>&radic;</td><td></td>
										</tr>
										<tr><td>visibleOutputGenerated9</td><td></td><td></td><td></td><td></td><td>&radic;</td><td></td>
										</tr>
										<tr><td>MutationEvent properties</td>
										</tr>
										<tr><td>attrChange</td><td></td><td></td><td></td><td></td><td></td><td>&radic;</td>
										</tr>
										<tr><td>attrName</td><td></td><td></td><td></td><td></td><td></td><td>&radic;</td>
										</tr>
										<tr><td>newValue</td><td></td><td></td><td></td><td></td><td></td><td>&radic;</td>
										</tr>
										<tr><td>prevValue</td><td></td><td></td><td></td><td></td><td></td><td>&radic;</td>
										</tr>
										<tr><td>relatedNode</td><td></td><td></td><td></td><td></td><td></td><td>&radic;</td>
										</tr>
									</tbody></table>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td>
								<table border="1"><tbody><tr><th></th><th>Event</th><th>UIEvent</th><th>MouseEvent</th><th>KeyEventImplemented in Netscape 6 for additional
functionality or in lieu of unfinished DOM Level 3 keyboard event
model. Borrows some <span class="literal">MouseEvent</span> properties for
scripting convenience.</th><th>TextEventProposed for DOM Level 3, but not
implemented in Netscape 6.</th><th>MutationEvent</th></tr>
										<tr><td>Event methods</td>
										</tr>
										<tr><td>initEvent( )</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td>
										</tr>
										<tr><td>getPreventDefault( )11</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td></td><td>&radic;</td>
										</tr>
										<tr><td>preventDefault( )</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td>
										</tr>
										<tr><td>stopPropagation( )</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td><td>&radic;</td>
										</tr>
										<tr><td>UIEvent methods</td>
										</tr>
										<tr><td>initUIEvent( )</td><td></td><td>&radic;</td><td></td><td></td><td></td><td></td>
										</tr>
										<tr><td>MouseEvent methods</td>
										</tr>
										<tr><td>initMouseEvent( )</td><td></td><td></td><td>&radic;</td><td></td><td></td><td></td>
										</tr>
										<tr><td>KeyEvent methods</td>
										</tr>
										<tr><td>initKeyEvent( )</td><td></td><td></td><td></td><td>&radic;</td><td></td><td></td>
										</tr>
										<tr><td>TextEvent methods</td>
										</tr>
										<tr><td>checkModifier( )12</td><td></td><td></td><td></td><td></td><td>&radic;</td><td></td>
										</tr>
										<tr><td>initModifier( )12</td><td></td><td></td><td></td><td></td><td>&radic;</td><td></td>
										</tr>
										<tr><td>initTextEvent( )12</td><td></td><td></td><td></td><td></td><td>&radic;</td><td></td>
										</tr>
										<tr><td>MutationEvent methods</td>
										</tr>
										<tr><td>initMutationEvent( )</td><td></td><td></td><td></td><td></td><td></td><td>&radic;</td>
										</tr>
									</tbody></table>
							</td>
						</tr>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td>
						<ul><li><span class="literal"></span><span class="replaceable">eventObj</span></li><li><span class="literal"></span><span class="literal">[window.]event</span></li></ul>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectspecificproperties"><span class="title">Object-Specific Properties</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td>
						<table border="1"><tbody><tr><td><span class="literal">altKey</span></td><td><span class="literal">altLeft</span></td><td><span class="literal">attrChange</span></td><td><span class="literal">attrName</span></td>
								</tr>
								<tr><td><span class="literal">behaviorCookie</span></td><td><span class="literal">behaviorPart</span></td><td><span class="literal">bookmarks</span></td><td><span class="literal">boundElements</span></td>
								</tr>
								<tr><td><span class="literal">bubbles</span></td><td><span class="literal">button</span></td><td><span class="literal">cancelable</span></td><td><span class="literal">cancelBubble</span></td>
								</tr>
								<tr><td><span class="literal">charCode</span></td><td><span class="literal">clientX</span></td><td><span class="literal">clientY</span></td><td><span class="literal">contentOverflow</span></td>
								</tr>
								<tr><td><span class="literal">ctrlKey</span></td><td><span class="literal">ctrlLeft</span></td><td><span class="literal">currentTarget</span></td><td><span class="literal">data</span></td>
								</tr>
								<tr><td><span class="literal">dataFld</span></td><td><span class="literal">dataTransfer</span></td><td><span class="literal">detail</span></td><td><span class="literal">eventPhase</span></td>
								</tr>
								<tr><td><span class="literal">fromElement</span></td><td><span class="literal">isChar</span></td><td><span class="literal">keyCode</span></td><td><span class="literal">layerX</span></td>
								</tr>
								<tr><td><span class="literal">layerY</span></td><td><span class="literal">metaKey</span></td><td><span class="literal">modifiers</span></td><td><span class="literal">newValue</span></td>
								</tr>
								<tr><td><span class="literal">nextPage</span></td><td><span class="literal">offsetX</span></td><td><span class="literal">offsetY</span></td><td><span class="literal">originalTarget</span></td>
								</tr>
								<tr><td><span class="literal">pageX</span></td><td><span class="literal">pageY</span></td><td><span class="literal">prevValue</span></td><td><span class="literal">propertyName</span></td>
								</tr>
								<tr><td><span class="literal">qualifier</span></td><td><span class="literal">rangeOffset</span></td><td><span class="literal">rangeParent</span></td><td><span class="literal">reason</span></td>
								</tr>
								<tr><td><span class="literal">recordset</span></td><td><span class="literal">relatedNode</span></td><td><span class="literal">relatedTarget</span></td><td><span class="literal">repeat</span></td>
								</tr>
								<tr><td><span class="literal">returnValue</span></td><td><span class="literal">screenX</span></td><td><span class="literal">screenY</span></td><td><span class="literal">shiftKey</span></td>
								</tr>
								<tr><td><span class="literal">shiftLeft</span></td><td><span class="literal">srcElement</span></td><td><span class="literal">srcFilter</span></td><td><span class="literal">srcUrn</span></td>
								</tr>
								<tr><td><span class="literal">target</span></td><td><span class="literal">timeStamp</span></td><td><span class="literal">toElement</span></td><td><span class="literal">type</span></td>
								</tr>
								<tr><td><span class="literal">view</span></td><td><span class="literal">wheelDelta</span></td><td><span class="literal">which</span></td><td><span class="literal">x</span></td>
								</tr>
								<tr><td><span class="literal">y</span></td><td></td><td></td><td></td>
								</tr>
							</tbody></table>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectspecificmethods"><span class="title">Object-Specific Methods</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td>
						<table border="1"><tbody><tr><td><span class="literal">getPreventDefault( )</span></td><td><span class="literal">initEvent( )</span></td><td><span class="literal">initKeyEvent( )</span></td><td><span class="literal">initMouseEvent( )</span></td>
								</tr>
								<tr><td><span class="literal">initMutationEvent( )</span></td><td><span class="literal">initUIEvent( )</span></td><td><span class="literal">preventDefault( )</span></td><td><span class="literal">stopPropagation( )</span></td>
								</tr>
							</tbody></table>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectspecificeventhandlerproperties"><span class="title">Object-Specific Event Handler Properties</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>None. </p>
					</td>
				</tr>
			</table>
		</div><div id="altKey">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">altKey</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span>  DOM <span class="emphasis">2</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<tr>
							<td colspan="2"><p>Returns <span class="literal">true</span> if the left or right <span class="emphasis">Alt</span> key is down at the time the event fired.
</p>
							</td>
						</tr>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>if (evt.altKey) {
    //handle case of Alt key down
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Boolean value: <span class="literal">true</span> | <span class="literal">false</span>.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p><span class="literal">false</span></p>
					</td>
				</tr>
			</table>
		</div><div id="altLeft">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">altLeft</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5.5(Win)</span>  DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
					<p>Returns <span class="literal">true</span> if the left <span class="emphasis">Alt</span> key is down at the time the event fired.
</p>
							</td>
						</tr>
					<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>if (evt.altLeft) {
    //handle case of left Alt key down
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Boolean value: <span class="literal">true</span> | <span class="literal">false</span>.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p><span class="literal">false</span></p>
					</td>
				</tr>
			</table>
		</div><div id="attrChange">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">attrChange</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span>  DOM <span class="emphasis">2</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns an integer code corresponding to the type of change made to
an <span class="literal">Attr</span> node as the result of a
<span class="literal">DOMAttrModified</span> event type of W3C DOM mutation
event. Every mutation event object has three constants that also
correspond to the integer values, which you can use to make more
verbose, but easier-to-read script comparisons for
<span class="literal">DOMAttrModified</span> event processing. The values and
constants are shown in the following table.
</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td>
								<table border="1"><tbody><tr><th>Value</th><th>Constant</th><th>Description</th></tr>
										<tr><td><span class="literal">1</span></td><td><span class="replaceable">evtObj</span><span class="literal">.MODIFICATION</span></td><td>Changed value of existing <span class="literal">Attr</span> node</td>
										</tr>
										<tr><td><span class="literal">2</span></td><td><span class="replaceable">evtObj</span><span class="literal">.ADDITION</span></td><td>The <span class="literal">Attr</span> node was added to the document tree</td>
										</tr>
										<tr><td><span class="literal">3</span></td><td><span class="replaceable">evtObj</span><span class="literal">.REMOVAL</span></td><td>The <span class="literal">Attr</span> node was removed from the document tree</td>
										</tr>
									</tbody></table>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>if (evt.attrChange == evt.MODIFICATION) {
    // do post-processing of attribute value change
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Integer value: <span class="literal">1</span> | <span class="literal">2</span> |
<span class="literal">3</span>.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>None.</p>
					</td>
				</tr>
			</table>
		</div><div id="attrName">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">attrName</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span>  DOM <span class="emphasis">2</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns a string version of the name of an <span class="literal">Attr</span>
node affected by a <span class="literal">DOMAttrModified</span> event type of
W3C DOM mutation event.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>var changedAttr = evt.attrName;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>String value.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Empty string.</p>
					</td>
				</tr>
			</table>
		</div><div id="behaviorCookie, behaviorPart, bookmarks, boundElements">			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">behaviorCookie, behaviorPart, bookmarks, boundElements</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">6(Win)</span>  DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>These properties are returned by the <span class="literal">event</span> object
in IE 6 for Windows (with values <span class="literal">0</span>,
<span class="literal">0</span>, <span class="literal">null</span>, and the empty array,
respectively), but Microsoft does not document them. Perhaps they
will be supported and implemented in a future version.
</p>
							</td>
						</tr>

			</table>
		</div><div id="bubbles">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">bubbles</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span>  DOM <span class="emphasis">2</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns Boolean <span class="literal">true</span> if the default behavior of
the event is to allow the event to bubble through the element
hierarchy.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>if (evt.bubbles) {
    // handle case of the event bubbling
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Boolean value: <span class="literal">true</span> | <span class="literal">false</span>.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Event type-specific. </p>
					</td>
				</tr>
			</table>
		</div><div id="button">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">button</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span>  DOM <span class="emphasis">2</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
<p>Inidicates which mouse button was pressed to trigger the mouse event.
Be aware that the typical Macintosh has only a one-button mouse.
Also, if you want to intercept the right-click context menu in
IE/Windows, use the <span class="literal">oncontextmenu</span> event handler.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
						<tr>
							<td colspan="2"><p>A significant discrepancy exists among DOM specifications and
implementations with respect to the numbers returned for this
property. The W3C DOM, as implemented in Netscape 6, specifies a
value of zero to indicate the left (primary) button. IE for Windows
supports additional values for mouse button combinations.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>if (evt.button == 2) {
    // handle event for right button
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Integer value according to the following table.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td>
						<table border="1"><tbody><th>Button(s)</th><th>IE</th><th>NN 6</th><th>W3C DOM</th><tr><td>No button</td><td><span class="literal">0</span></td><td><span class="literal">null</span></td><td><span class="literal">null</span></td>
								</tr>
								<tr><td>Left (primary)</td><td><span class="literal">1</span></td><td><span class="literal">0</span></td><td><span class="literal">0</span></td>
								</tr>
								<tr><td>Middle</td><td><span class="literal">4</span></td><td><span class="literal">1</span></td><td><span class="literal">1</span></td>
								</tr>
								<tr><td>Right</td><td><span class="literal">2</span></td><td><span class="literal">2</span></td><td><span class="literal">2</span></td>
								</tr>
								<tr><td>Left + Right</td><td><span class="literal">3</span></td><td>n/a</td><td>n/a</td>
								</tr>
								<tr><td>Left + Middle</td><td><span class="literal">5</span></td><td>n/a</td><td>n/a</td>
								</tr>
								<tr><td>Right + Middle</td><td><span class="literal">6</span></td><td>n/a</td><td>n/a</td>
								</tr>
								<tr><td>Left + Middle + Right</td><td><span class="literal">7</span></td><td>n/a</td><td>n/a</td>
								</tr>
							</tbody></table>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p><span class="literal">0</span></p>
					</td>
				</tr>
			</table>
		</div><div id="cancelable">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">cancelable</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span>  DOM <span class="emphasis">2</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns Boolean <span class="literal">true</span> if the event is of the type
that can have its default behavior on the target element cancelled
via the <span class="literal">preventDefault( )</span> method.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>if (evt.cancelable ) {
    evt.preventDefault( );
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Boolean: <span class="literal">true</span> | <span class="literal">false</span>.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Event type-specific. </p>
					</td>
				</tr>
			</table>
		</div><div id="cancelBubble">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">cancelBubble</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span>  DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Specifies whether the event should propagate (bubble) up the element
container hierarchy. You usually only need to set this property to
<span class="literal">true</span> to override the default behavior and prevent
the event from going any further. Netscape 6 implements this IE
property for convenience. The W3C DOM equivalent is the
<span class="literal">stopPropagation( )</span> method of the
<span class="literal">event</span> object.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>evt.cancelBubble = true;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Boolean: <span class="literal">true</span> | <span class="literal">false</span>.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p><span class="literal">false</span></p>
					</td>
				</tr>
			</table>
		</div><div id="charCode">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">charCode</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span>  DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns an integer corresponding to the Unicode value of the
character generated by the key that fired the event. The character
code is different from the key code, as the character code
distinguishes between upper- and lowercase letters (for example, 97
for "a" and 65 for
"A"), whereas the
<span class="literal">keyCode</span> value is the same for that key, regardless
of the character created from it. This property generally contains a
value only for <span class="literal">onkeypress</span> events; the value is
zero for <span class="literal">onkeydown</span> and <span class="literal">onkeyup</span>
events. For the IE equivalent, see the <span class="literal">keyCode</span>
property.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
						<tr>
							<td colspan="2"><p>When the keyboard events module is completed for W3C DOM Level 3,
this property will probably have a different name.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>if (evt.charCode &gt; 96 &amp;&amp; evt.charCode &lt; 123) {
    evt.target.value += String.fromCharCode(evt.charCode - 32);
    evt.preventDefault( );
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Integer.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Event-specific.</p>
					</td>
				</tr>
			</table>
		</div><div id="clientX, clientY">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">clientX, clientY</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span>  DOM <span class="emphasis">2</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Indicate the horizontal (x) and vertical (y) coordinate of the mouse
at the moment the current event fired. These coordinates are relative
to the viewable document area of the browser window or frame. To
convert these coordinates to the document's in IE,
be sure to add the <span class="literal">body</span> element's
scroll values (or <span class="literal">html</span> element's
scroll values in IE 6 standards-compatible mode). For Netscape 6, the
<span class="literal">pageX</span> and <span class="literal">pageY</span> properties
provide coordinates in the document's space.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>if ((evt.clientX &gt;= 10 &amp;&amp; evt.clientX &lt;= 20) &amp;&amp;
(evt.clientY &gt;= 50 &amp;&amp; evt.clientY &lt;= 100)) {
    // process code for click in hot zone bounded by 10,50 and 20,100
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Integer of pixel values.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>None. </p>
					</td>
				</tr>
			</table>
		</div><div id="contentOverflow">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">contentOverflow</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5.5(Win)</span>  DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns Boolean <span class="literal">true</span> if as-yet unrendered content
requires a new layout rectangle to handle the overflow content. The
property applies only to the <span class="literal">onlayoutcomplete</span>
event if you deploy custom print or print preview templates. For more
on the C++ programming required for such templates, visit http://msdn.microsoft.com/library/default.asp?url=/workshop/browser/hosting/printpreview/reference/reference.asp.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Boolean: <span class="literal">true</span> | <span class="literal">false</span>.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p><span class="literal">false</span></p>
					</td>
				</tr>
			</table>
		</div><div id="ctrlKey">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">ctrlKey</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span>  DOM <span class="emphasis">2</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns <span class="literal">true</span> if the left or right <span class="emphasis">Control</span> key was pressed at the instant the
event fired. See Chapter 6 for testing for this
key in cross-browser event handling code.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>if (evt.ctrlKey) {
    // process for Control key being down
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Boolean value: <span class="literal">true</span> | <span class="literal">false</span>.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p><span class="literal">false</span></p>
					</td>
				</tr>
			</table>
		</div><div id="ctrlLeft">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">ctrlLeft</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5.5(Win)</span>  DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns <span class="literal">true</span> if the left <span class="emphasis">Control</span> key was pressed at the instant the
event fired.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>if (evt.ctrlLeft) {
    // process for left Control key being down
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Boolean value: <span class="literal">true</span> | <span class="literal">false</span>.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p><span class="literal">false</span></p>
					</td>
				</tr>
			</table>
		</div><div id="currentTarget">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">currentTarget</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span>  DOM <span class="emphasis">2</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns a reference to the node whose event listener is currently
processing the event. Allows a function to know whether it is invoked
from the actual target node or a different node during event
propagation.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>if (evt.currentTarget.nodeType == 1) {
    // process at element level for possible text node target
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Reference to a node in event propagation hierarchy.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Reference to event target.</p>
					</td>
				</tr>
			</table>
		</div><div id="data">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">data</td><td valign="top" nowrap class="compatibility">NN |<span class="emphasis">4|</span>  IE <span class="emphasis">n/a</span> DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Provides accessory data associated with the Navigator 4-only
<span class="literal">dragdrop</span> event. The <span class="literal">data</span>
property returns the URL of the item being dropped onto the window or
frame.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>var srcDoc = evtObj.data;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>String.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>None. </p>
					</td>
				</tr>
			</table>
		</div><div id="dataFld">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">dataFld</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5(Win)</span>  DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Used with IE data binding, the <span class="literal">dataFld</span> property
holds the name of the data source object's field
associated with the column of the HTML table. This property contains
a value after an <span class="literal">oncellchange</span> event in a table
generated via data binding.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>String.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Empty string. </p>
					</td>
				</tr>
			</table>
		</div><div id="dataTransfer">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">dataTransfer</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5(Win)</span>  DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
					<p>Returns a reference to the <span class="literal">dataTransfer</span> object to
facilitate moving customized data between source and destination
elements during a drag-and-drop operation. See the
<span class="literal">dataTransfer</span> object for details of its usage.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Reference to <span class="literal">dataTransfer</span> object.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>None. </p>
					</td>
				</tr>
			</table>
		</div><div id="detail">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">detail</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span>  DOM <span class="emphasis">2</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns an integer conveying event type-specific additional
information. For mouse button events, the number indicates how many
times the user clicked the mouse on the same coordinate position as
the previous click without moving the cursor away from the location.
Moving the cursor resets the counter to zero in preparation for the
next press and release of the mouse button. For a
<span class="literal">DOMActivate</span> event type, the
<span class="literal">detail</span> property returns <span class="literal">1</span> for
activation by a simple user action (click or tab), and
<span class="literal">2</span> for a more complex action (a double-click).
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>if (evt.type == "click" &amp;&amp; evt.detail &gt; 5) {
    alert("Relax, dude!");
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Integer.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Event-type specific. </p>
					</td>
				</tr>
			</table>
		</div><div id="eventPhase">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">eventPhase</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span>  DOM <span class="emphasis">2</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns an integer conveying whether the event listener is processing
the event while in the capture phase, at the event target, or in the
bubbling phase. W3C DOM event objects also implement plain-language
constants corresponding to the three values.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>if (evt.eventPhase == evt.AT_TARGET) {
    // process event listener from the event target
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Integer value from the following table.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td>
						<table border="1"><tbody><th>Value</th><th>Constant</th><tr><td><span class="literal">1</span></td><td><span class="replaceable">eventObjectReference</span><span class="literal">.CAPTURING_PHASE</span>
</td>
								</tr>
								<tr><td><span class="literal">2</span></td><td><span class="replaceable">eventObjectReference</span><span class="literal">.AT_TARGET</span>
</td>
								</tr>
								<tr><td><span class="literal">3</span></td><td><span class="replaceable">eventObjectReference</span><span class="literal">.BUBBLING_PHASE</span>
</td>
								</tr>
							</tbody></table>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p><span class="literal">2</span> </p>
					</td>
				</tr>
			</table>
		</div><div id="fromElement">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">fromElement</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4</span>  DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
					<p>Returns a reference to the object where the cursor was located just
prior to the <span class="literal">onMouseOver</span> or
<span class="literal">onMouseOut</span> event.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>if (evt.fromElement.id == "lowerLevel") {
    ...
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Element object reference.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>None.</p>
					</td>
				</tr>
			</table>
		</div><div id="isChar">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">isChar</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span>  DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
					<p>Returns <span class="literal">true</span> if the keyboard event is from a
character key. In practice Netscape 6 returns <span class="literal">true</span>
for all keys, including function keys. Use
<span class="literal">onkeydown</span> or <span class="literal">onkeyup</span> event
handlers to process noncharacter keys.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Boolean value: <span class="literal">true</span> | <span class="literal">false</span>.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p><span class="literal">true</span> </p>
					</td>
				</tr>
			</table>
		</div><div id="keyCode">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">keyCode</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span>  DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Slightly different characteristics for IE and Netscape 6, but the two
browser classes treat the <span class="literal">keyCode</span> property the
same way for <span class="literal">onkeydown</span> and
<span class="literal">onkeyup</span> events. For these events, the
<span class="literal">keyCode</span> property returns the code associated with
the keyboard key, irrespective of the character that might be
generated by that key. On a typical Latin character set keyboard, the
<span class="emphasis">A</span> key generates the code
<span class="literal">65</span>. Modifier keys generate their own events and
codes as they are pressed and released.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>

						<tr>
							<td colspan="2"><p>For the <span class="literal">onkeypress</span> event, only IE returns a
significant value, corresponding to the Unicode value of the actual
character displayed in a text box by typing the character (e.g., 65
for "A" and 97 for
"a"). The equivalent property in
Netscape 6 for the <span class="literal">onkeypress</span> event is
<span class="literal">charCode</span>. See Chapter 6 about
processing keyboard events.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>if (evt.keyCode == 65) {
    ...
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Integer.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>None.</p>
					</td>
				</tr>
			</table>
		</div><div id="layerX, layerY">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">layerX, layerY</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">4</span>  IE <span class="emphasis">n/a</span> DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Provide the horizontal (x) and vertical (y) coordinate of the mouse
at the moment the current event fired. These coordinates are relative
to the containing layer. If no layers or positionable elements have
been defined, the default layer of the base document is used as a
reference point, thus equivalent to the <span class="literal">pageX</span> and
<span class="literal">pageY</span> properties. In Netscape 6 and later, these
properties are measured relative to the element's
own rectangular space for text and password <span class="literal">input</span>
elements, <span class="literal">textarea</span> elements, and
<span class="literal">select</span> elements.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>if ((evt.layerX &gt;= 10 &amp;&amp; evt.layerX &lt;= 20) &amp;&amp;
(evt.layerY &gt;= 50 &amp;&amp; evt.layerY &lt;= 100)) {
    // process code for click in hot zone bounded by 10,50 and 20,100
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Integer of pixel values.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>None</p>
					</td>
				</tr>
			</table>
		</div><div id="metaKey">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">metaKey</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span>  DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns <span class="literal">true</span> if the keyboard's
<span class="emphasis">Meta</span> key (<span class="emphasis">Command</span> key on the Macintosh keyboard) was
pressed at the instant the event fired.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>if (evt.metaKey) {
    // process for meta key being down
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Boolean value: <span class="literal">true</span> | <span class="literal">false</span>.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p><span class="literal">false</span></p>
					</td>
				</tr>
			</table>
		</div><div id="modifiers">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">modifiers</td><td valign="top" nowrap class="compatibility">NN |<span class="emphasis">4|</span>  IE <span class="emphasis">n/a</span> DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
					<p>Provides an integer that represents the keyboard modifier key(s)
being held down at the time the Navigator 4-only event fired. You can
use the <span class="literal">&amp;</span> operator with a series of static
<span class="literal">Event</span> object constants to find out whether a
particular modifier key was pressed. See Chapter 6.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>var altKeyPressed = evt.modifiers &amp; Event.ALT_MASK;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Integer.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p><span class="literal">0</span></p>
					</td>
				</tr>
			</table>
		</div><div id="newValue, prevValue">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">newValue, prevValue</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span>  DOM <span class="emphasis">2</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Return a string with the new and previous values (respectively) of
data associated with <span class="literal">DOMAttrModified</span> and
<span class="literal">DOMCharacterDataModified</span> event types of the W3C
DOM mutation events class. This information could be useful for
creating an undo buffer for changes to an element's
attribute or the content of a <span class="literal">CharacterData</span> node.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>undoAttrBuffer = {attrNode:evt.relatedNode, oldVal:evt.prevValue};</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>String value.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Empty string.</p>
					</td>
				</tr>
			</table>
		</div><div id="nextPage">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">nextPage</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5.5(Win)</span>  DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns a string indicating whether the next page of a custom print
template will appear on a left- or right-facing page. For more on the
C++ programming required for templates, visit http://msdn.microsoft.com/library/default.asp?url=/workshop/browser/hosting/printpreview/reference/reference.asp.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>String constant: <span class="literal">left</span> | <span class="literal">right</span> |
(empty string).
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Empty string.</p>
					</td>
				</tr>
			</table>
		</div><div id="offsetX, offsetY">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">offsetX, offsetY</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4</span>  DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
					<p>Provide the left and top coordinates of the mouse pointer relative to
the containing element (exclusive of padding, borders, or margins)
when the event fired. You can determine the containing element via
the <span class="literal">offsetParent</span> property. See the Section 9.2 at the beginning of
this chapter for information on offset measurement anomalies in
Internet Explorer.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>if (evt.offsetX &lt;= 20 &amp;&amp; evt.offsetY &lt;=40) {
    ...
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Integer pixel count.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>None.</p>
					</td>
				</tr>
			</table>
		</div><div id="originalTarget">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">originalTarget</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span>  DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns a reference to a node that Netscape 6 internally treats as
the genuine first target of the event. By and large, this information
isn't helpful to DHTML scripting, because it dives
into the internal construction of certain elements (e.g., an
<span class="literal">input</span> element of type text has a
<span class="literal">div</span> element nested inside of it, but the DOM node
tree does not see the <span class="literal">div</span> element as a child node
of the <span class="literal">input</span> element). For many events and event
targets, the <span class="literal">target</span> and
<span class="literal">originalTarget</span> properties reference the identical
node.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Node object reference</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Element-specific. </p>
					</td>
				</tr>
			</table>
		</div><div id="pageX, pageY">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">pageX, pageY</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">4</span>  IE <span class="emphasis">n/a</span> DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
					<p>Provide the left and top coordinates of the
element's content relative to the top-left corner of
the page area when the event fired. The measurements ignore any
scrolling of the page.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>if (evt.pageX &lt;= 20 &amp;&amp; evt.pageY &lt;=40) {
    ...
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Integer pixel count.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>None. </p>
					</td>
				</tr>
			</table>
		</div><div id="prevValue">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">prevValue</td><td valign="top" nowrap class="compatibility"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements"></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>See newValue.</p>
							</td>
						</tr>

			</table>
		</div><div id="propertyName">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">propertyName</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5(Win)</span>  DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns a string containing the name of the object property that
changed during an <span class="literal">onpropertychange</span> event. For
other event types, the value is an empty string. If the changed
property is a property of a property (e.g., a property of an
element's <span class="literal">style</span> property), the
returned value shows the "dot"
version, such as <span class="literal">style.color</span>.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>if (evt.propertyName.indexOf("style") == 0) {
    // perform further processing on a changed style
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>String property name.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Empty string.</p>
					</td>
				</tr>
			</table>
		</div><div id="qualifier">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">qualifier</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5(Win)</span>  DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>For use with IE data binding events (such as
<span class="literal">ondatasetcomplete</span>). Returns a string value
signifying a data source member, which may then be used as a
parameter to access a data source's named recordset.
Consult the Microsoft documentation for the Data Source Object you
use to see if it provides qualifier data.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>String.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Empty string.</p>
					</td>
				</tr>
			</table>
		</div><div id="rangeOffset">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">rangeOffset</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span>  DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
					<p>Returns an integer of the character offset within a node that the
Netscape 6 DOM considers a potential Range end point. The reference
to the node is found in the associated <span class="literal">rangeParent</span>
property of the <span class="literal">event</span> object. These two values can
be passed as parameters to W3C DOM <span class="literal">Range</span> object
methods for setting a start or end point. Thus, a
<span class="literal">mousedown</span> event listener could establish the start
point of a range, while a <span class="literal">mouseup</span> event listener
function could set the end pointboth functions feeding
<span class="literal">rangeParent</span> and <span class="literal">rangeOffset</span>
values to the <span class="literal">Range</span> object methods.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>var rng;
function processMouseDown(evt) {
    rng = document.createRange( );
    rng.setStart(evt.rangeParent, evt.rangeOffset);
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Integer.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p><span class="literal">0</span></p>
					</td>
				</tr>
			</table>
		</div><div id="rangeParent">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">rangeParent</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span>  DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns a reference to a document tree node that would be a suitable
start or end point for a W3C text range. Use in concert with the
<span class="literal">rangeOffset</span> property.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>function processMouseUp(evt) {
    rng.setEnd(evt.rangeParent, evt.rangeOffset);
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Reference to a node.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>None.</p>
					</td>
				</tr>
			</table>
		</div><div id="reason"><table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">reason</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4</span>  DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
<p>Returns a code associated with an
<span class="literal">ondatasetcomplete</span> event signifying whether the IE
data binding data transfer was successful or, if incomplete, whether
the transfer stopped due to an error or a stoppage by the client or
user. This property must be examined in an event handler for the
<span class="literal">ondatasetcomplete</span> event. In IE 4, the property is
read-only. Although IE 5/Mac includes this property of the
<span class="literal">event</span> object, it does not implement the associated
event.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>if (evt.reason == 2) {
    alert("An error occurred during the most recent update.");
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>One of three possible integer values:</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2">
<dl>

<dt><span class="LITERAL">0</span></dt>
<dd>
<p>Transfer was successful</p>
</dd>



<dt><span class="LITERAL">1</span></dt>
<dd>
<p>Transfer aborted</p>
</dd>
<dt><span class="LITERAL">2</span></dt>
<dd>
<p>An error halted the transfer</p>
</dd>
</dl>

					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>None.</p>
					</td>
				</tr>
			</table>
		</div><div id="recordset">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">recordset</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5(Win)</span>  DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns a reference to an IE data binding recordset object associated
with a data-related event.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Object reference.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>None.</p>
					</td>
				</tr>
			</table>
		</div><div id="relatedNode">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">relatedNode</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span>  DOM <span class="emphasis">2</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
					<p>Returns a reference to a node that is affected by the action that
triggers some W3C DOM mutation events. This provides a more direct
route to a node that is impacted by the event, according to the
following table.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
						<tr>
							<td colspan="2"><p>For other mutation event types, the property returns
<span class="literal">null</span>; for other event classes, the property
returns <span class="literal">undefined</span>.
</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td>
								<table border="1"><tbody><tr><th>Mutation event type</th><th>eventObj.relatedNode reference</th></tr>
										<tr><td><span class="literal">DOMNodeInserted</span></td><td>Parent node of inserted node</td>
										</tr>
										<tr><td><span class="literal">DOMNodeRemoved</span></td><td>Original parent node of removed node</td>
										</tr>
										<tr><td><span class="literal">DOMAttrModified</span></td><td><span class="literal">Attr</span> node</td>
										</tr>
									</tbody></table>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>var newParent = evt.relatedNode;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Reference to a node, <span class="literal">null</span>, or
<span class="literal">undefined</span>.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>None.</p>
					</td>
				</tr>
			</table>
		</div><div id="relatedTarget">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">relatedTarget</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span>  DOM <span class="emphasis">2</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns a reference to a rendered node in the document tree that was
the previous or next target for events, depending on the event type.
For a <span class="literal">mouseover</span> event type, the
<span class="literal">relatedTarget</span> property refers to the node from
which the cursor arrived; for a <span class="literal">mouseout</span> event,
the <span class="literal">relatedTarget</span> property refers to the node to
which the cursor departed. The corresponding IE functionality is in
the <span class="literal">fromElement</span> and <span class="literal">toElement</span>
properties of the IE <span class="literal">event</span> object.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>var beenThere = evt.relatedTarget;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Reference to a node.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>None.</p>
					</td>
				</tr>
			</table>
		</div><div id="repeat">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">repeat</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5(Win)</span>  DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>For an <span class="literal">onkeydown</span> event only, returns Boolean
<span class="literal">true</span> if the key has been down long enough to enter
auto-repeat mode. You can prevent auto-repeated keys from being
entered into a field with the following example.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>function handleKeyDown( ) {
    if (evt.repeat) {
        evt.returnValue = false;
    }
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Boolean value: <span class="literal">true</span> | <span class="literal">false</span>.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p><span class="literal">false</span></p>
					</td>
				</tr>
			</table>
		</div><div id="returnValue">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">returnValue</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4</span>  DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Provides the value to be returned to the event's
source element to allow or prohibit the element's
default action connected with the event. If you set
<span class="literal">event.returnValue</span> to <span class="literal">false</span>, the
element does not carry out its normal operation, such as navigating
to a link or submitting the form. This property does not influence an
actual value you may wish to return from an event handler function.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>evt.returnValue = false;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Boolean value: <span class="literal">true</span> | <span class="literal">false</span>.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p><span class="literal">true</span></p>
					</td>
				</tr>
			</table>
		</div><div id="screenX, screenY">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">screenX, screenY</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">4</span>  IE <span class="emphasis">4</span>  DOM <span class="emphasis">2</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
					<p>Provide the horizontal and vertical pixel coordinate points where the
cursor was located on the video screen when the event occurred. The
top-left corner of the screen is point 0,0. There is no particular
coordination with the browser window or document, unless you have
positioned the window and know where the active window area is in
relation to the screen.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>if (evt.screenX &lt; 5 || evt.screenY &lt; 5) {
    alert("You\'re too close to the edge!");
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Any positive integer or zero.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p><span class="literal">0</span> </p>
					</td>
				</tr>
			</table>
		</div><div id="shiftKey">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">shiftKey</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span>  DOM <span class="emphasis">2</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns <span class="literal">true</span> if the left or right <span class="emphasis">Shift</span> key was pressed at the instant the event
fired.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>if (evt.shiftKey) {
    // process for Shift key being down
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Boolean value: <span class="literal">true</span> | <span class="literal">false</span>.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p><span class="literal">false</span></p>
					</td>
				</tr>
			</table>
		</div><div id="shiftLeft">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">shiftLeft</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5.5(Win)</span>  DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns <span class="literal">true</span> if the left <span class="emphasis">Shift</span> key was pressed at the instant the event
fired.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>if (evt.shiftLeft) {
    // process for left Shift key being down
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Boolean value: <span class="literal">true</span> | <span class="literal">false</span>.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p><span class="literal">false</span></p>
					</td>
				</tr>
			</table>
		</div><div id="srcElement">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">srcElement</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4</span>  DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Refers to the element object that initially received the current
event. This property is convenient in <span class="literal">switch</span>
constructions for an event handler function that handles the same
event type for a number of different elements. The corresponding
property for Netscape 6 is <span class="literal">target</span>.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>switch (evt.srcElement.id) {
    case "myDIV":
        ...
    ...
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Element object reference.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>None. </p>
					</td>
				</tr>
			</table>
		</div><div id="srcFilter">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">srcFilter</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4(Win)</span>  DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
					<p>Refers to the filter object that fired an
<span class="literal">onfilterchange</span> event.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Filter object reference.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>None.</p>
					</td>
				</tr>
			</table>
		</div><div id="srcUrn">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">srcUrn</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5(Win)</span>  DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>String of the URN of an attached behavior that fired an event.</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>String.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p><span class="literal">null</span></p>
					</td>
				</tr>
			</table>
		</div><div id="target">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">target</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">4</span>  IE <span class="emphasis">n/a</span> DOM <span class="emphasis">2</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Refers to the node object that is the intended destination of the
current event. Unlike the corresponding IE
<span class="literal">srcElement</span> property, the <span class="literal">target</span>
property in Netscape 6 can refer to a text node, even if the event
handler is defined for the element that surrounds the text node. Your
event processing for such a scenario must take the
<span class="literal">nodeType</span> into account to equalize the reference to
the surrounding element for both IE and Navigator. See Chapter 6 for examples of cross-browser event handling
code.
</p>
							</td>
						</tr>
									<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>var elem = (evt.target) ? evt.target : evt.srcElement;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Node object reference.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>None. </p>
					</td>
				</tr>
			</table>
		</div><div id="timeStamp">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">timeStamp</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span>  IE <span class="emphasis">n/a</span> DOM <span class="emphasis">2</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
					<p>Provides an integer signifying a milliseconds value you can use as a
relative indicator of when an event occurred. Although the W3C DOM
suggests the value should be the time since 1 January 1970 (the Java
and JavaScript epoch), you cannot rely on that value. But you can
compare the <span class="literal">timeStamp</span> property value for two
events to derive the elapsed time between events.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>var clickTime = evt.timeStamp;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Integer.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Current timestamp. </p>
					</td>
				</tr>
			</table>
		</div><div id="toElement">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">toElement</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4</span>  DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns a reference to the element object to which the cursor has
moved that triggered the <span class="literal">onmouseout</span> event.
</p>
							</td>
						</tr>
									<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>if (evt.toElement.id == "upperLevel") {
    ...
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Element object reference.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>None. </p>
					</td>
				</tr>
			</table>
		</div><div id="type">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">type</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">4</span>  IE <span class="emphasis">4</span>  DOM <span class="emphasis">2</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
					<p>Indicates the type of the current event (without the
"on" prefix). Values are all
lowercase.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>if (evt.type == "change") {
    ...
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Any event name (without the "on"
prefix) as a string.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>None.</p>
					</td>
				</tr>
			</table>
		</div><div id="view">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">view</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span>  IE <span class="emphasis">n/a</span>  DOM <span class="emphasis">2</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns a reference to the W3C DOM view (i.e., the
<span class="literal">window</span> or <span class="literal">frame</span> object in
Netscape's implementation) in which the event
occurred.
</p>
							</td>
						</tr>
									<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>var whichWin = evt.view;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Reference to a window type of object.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Current window.</p>
					</td>
				</tr>
			</table>
		</div><div id="wheelDelta">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">wheelDelta</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5.5(Win)</span>  DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns an integer indicating which direction the user rolled the
mouse wheel (for a mouse equipped with a wheel) during an
<span class="literal">onmousewheel</span> event. A positive value means the
user rolled the wheel toward the screen; a negative value means the
opposite direction.
</p>
							</td>
						</tr>
									<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>if (evt.wheelDelta &gt; 0) {
    ...
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Integer, typically <span class="literal">120</span> or <span class="literal">-120</span>.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>None.</p>
					</td>
				</tr>
			</table>
		</div><div id="which">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">which</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">4</span>  IE <span class="emphasis">n/a</span> DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
					<p>Returns a value relevant to the type of event. For mouse events, the
property value is an integer indicating which mouse button was used
(<span class="literal">1</span> is the left button; <span class="literal">3</span> is the
right button). For keyboard events, the property value is an integer
of the keyboard character ASCII code. This property survives in
Netscape 6 as a carryover from the Navigator 4 event model. Use the
<span class="literal">button</span>, <span class="literal">charCode</span>, and
<span class="literal">keyCode</span> properties if you no longer need to
support Navigator 4.
</p>
							</td>
						</tr>
									<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>if (evt.which == 65) {
    ...
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Integer.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>None. </p>
					</td>
				</tr>
			</table>
		</div><div id="x, y">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">x, y</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4</span>  DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
					<p>Return the horizontal and vertical pixel coordinates of the mouse
pointer at the time the event occurred. For all but
relative-positioned elements, the coordinate system is the
<span class="literal">body</span> element (or <span class="literal">html</span> element
in IE 6 standards-compatible mode). If the event occurs inside a
relative-positioned element's rectangle, the
coordinate system is limited to that element's space
(the element's top left corner being 0,0). A value
of <span class="literal">-1</span> is returned if the pointer was outside of
the document area of the browser window.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>if (evt.x &lt; 20 &amp;&amp; evt.y &lt; 30) {
    ...
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Integer.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>None. </p>
					</td>
				</tr>
			</table>
		</div><div id="getPreventDefault( )">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">getPreventDefault( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span>  DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements"></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns Boolean <span class="literal">true</span> if the
<span class="literal">preventDefault( )</span> method has been invoked for the
current event object. Essentially lets a script inquire about the
prevent-default state. This property is a Netscape 6 extension to the
W3C DOM events module.
</p>
							</td>
						</tr>
									<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="parameters"><span class="title">Parameters</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>None.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="returnedvalue"><span class="title">Returned Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Boolean value: <span class="literal">true</span> | <span class="literal">false</span>.</p>
					</td>
				</tr>
			</table>
		</div><div id="initEvent( )">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">initEvent( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span>  DOM <span class="emphasis">2</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">initEvent("<span class="replaceable">eventType</span>",
<span class="replaceable">bubblesFlag</span>,
<span class="replaceable">cancelableFlag</span>)</p>
					</td><td valign="top" nowrap class="requirements"></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
					<p>Indicates the minimum initialization required on an event object that
is generated by <span class="literal">document.createEvent( )</span>. After a
script-generated event is initialized, it may be used as a parameter
to a node's <span class="literal">dispatchEvent( )</span>
method.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="parameters"><span class="title">Parameters</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td>
						<ul><li><span class="literal"></span>String identifier for the event's type, such as
<span class="literal">click</span>, <span class="literal">mousedown</span>,
<span class="literal">keypress</span>, <span class="literal">DOMAttrModified</span>, and
so on.
</li><li><span class="literal"></span>Boolean value (<span class="literal">true</span> | <span class="literal">false</span>)
determining whether the event's default propagation
behavior is to bubble.
</li><li><span class="literal"></span>Boolean value (<span class="literal">true</span> | <span class="literal">false</span>)
determining whether the event's default action may
be prevented via the <span class="literal">preventDefault( )</span> method.
</li></ul>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="returnedvalue"><span class="title">Returned Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>None.</p>
					</td>
				</tr>
			</table>
		</div><div id="initKeyEvent( )">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">initKeyEvent( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span>  DOM <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">initKeyEvent("<span class="replaceable">eventType</span>",
<span class="replaceable">bubblesFlag</span>,
<span class="replaceable">cancelableFlag</span>,
<span class="replaceable">view</span>,
<span class="replaceable">ctrlKeyFlag</span>,
<span class="replaceable">altKeyFlag</span>,
<span class="replaceable">shiftKeyFlag</span>,
<span class="replaceable">metaKeyFlag</span>,
<span class="replaceable">keyCode</span>,
<span class="replaceable">charCode</span>)</p>
					</td><td valign="top" nowrap class="requirements"></td>
				</tr>

				<tr>
					<td valign="top" colspan="2" class="description">
					<p>Initializes a newly created event object with a complete set of
property values associated with any keyboard event. This
method's name and parameter makeup may change for
the formal DOM Level 3 events module, where keyboard events
(tentatively called text events) will be published. All parameters
must be present, and must be set to default values (such as
<span class="literal">false</span> for Boolean key flags or zero for integer
code numbers) if the values are not significant for the event type.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="parameters"><span class="title">Parameters</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td>
						<ul><li><span class="literal"></span>String identifier for the event's type:
<span class="literal">keydown</span>, <span class="literal">keypress</span>,
<span class="literal">keyup</span>.
</li><li><span class="literal"></span>Boolean value (<span class="literal">true</span> | <span class="literal">false</span>)
determining whether the event's default propagation
behavior is to bubble.
</li><li><span class="literal"></span>Boolean value (<span class="literal">true</span> | <span class="literal">false</span>)
determining whether the event's default action may
be prevented via the <span class="literal">preventDefault( )</span> method.
</li><li><span class="literal"></span>Reference to the window or frame object in which the
dynamically-generated event is supposed to have occurred.
</li><li><span class="literal"></span>Boolean value (<span class="literal">true</span> | <span class="literal">false</span>) of
the <span class="emphasis">Control</span> key state for this
event.
</li><li><span class="literal"></span>Boolean value (<span class="literal">true</span> | <span class="literal">false</span>) of
the <span class="emphasis">Alt</span> key state for this event.
</li><li><span class="literal"></span>Boolean value (<span class="literal">true</span> | <span class="literal">false</span>) of
the <span class="emphasis">Shift</span> key state for this event.
</li><li><span class="literal"></span>Boolean value (<span class="literal">true</span> | <span class="literal">false</span>) of
the<span class="emphasis"> Meta</span> key(e.g., Macintosh Command key) state for this event.
</li><li><span class="literal"></span>Integer key code for this event.</li><li><span class="literal"></span>Integer character code for this event.</li></ul>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="returnedvalue"><span class="title">Returned Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>None.</p>
					</td>
				</tr>
			</table>
		</div><div id="initMouseEvent( )">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">initMouseEvent( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span>  DOM <span class="emphasis">2</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">initMouseEvent("<span class="replaceable">eventType</span>",
<span class="replaceable">bubblesFlag</span>,
<span class="replaceable">cancelableFlag</span>,
<span class="replaceable">view</span>,
<span class="replaceable">detailVal</span>,
<span class="replaceable">screenX</span>,
<span class="replaceable">screenY</span>,
<span class="replaceable">clientX</span>,
<span class="replaceable">clientY</span>,
<span class="replaceable">ctrlKeyFlag</span>,
<span class="replaceable">altKeyFlag</span>,
<span class="replaceable">shiftKeyFlag</span>,
<span class="replaceable">metaKeyFlag</span>,
<span class="replaceable">buttonCode</span>,
<span class="replaceable">relatedTargetNodeRef</span>)</p>
					</td><td valign="top" nowrap class="requirements"></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Initializes a newly created event object with a complete set of
property values associated with any mouse event. All parameters must
be present, and must be set to default values (such as
<span class="literal">false</span> for Boolean key flags, zero for integer
values, or <span class="literal">null</span> for a node reference) if the
values are not significant for the event type.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="parameters"><span class="title">Parameters</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td>
						<ul><li><span class="literal"></span>String identifier for the event's type, such as
<span class="literal">click</span>, <span class="literal">mousedown</span>,
<span class="literal">mousemove</span>, <span class="literal">mouseout</span>,
<span class="literal">mouseover</span>, <span class="literal">mouseup</span>.
</li><li><span class="literal"></span>Boolean value (<span class="literal">true</span> | <span class="literal">false</span>)
that determines whether the event's default
propagation behavior is to bubble.
</li><li><span class="literal"></span>Boolean value (<span class="literal">true</span> | <span class="literal">false</span>)
that determines whether the event's default action
may be prevented via the <span class="literal">preventDefault( )</span> method.
</li><li><span class="literal"></span>Reference to the window or frame object in which the
dynamically-generated event is supposed to have occurred.
</li><li><span class="literal"></span>Integer code for detail data associated with the event.</li><li><span class="literal"></span>Integer for horizontal screen coordinate.</li><li><span class="literal"></span>Integer for vertical screen coordinate.</li><li><span class="literal"></span>Integer for horizontal browser window coordinate.</li><li><span class="literal"></span>Integer for vertical browser window coordinate.</li><li><span class="literal"></span>Boolean value (<span class="literal">true</span> | <span class="literal">false</span>) of
the <span class="emphasis">Control</span> key state for this
event.
</li><li><span class="literal"></span>Boolean value (<span class="literal">true</span> | <span class="literal">false</span>) of
the <span class="emphasis">Alt</span> key state for this event.
</li><li><span class="literal"></span>Boolean value (<span class="literal">true</span> | <span class="literal">false</span>) of
the <span class="emphasis">Shift</span> key state for this event.
</li><li><span class="literal"></span>Boolean value (<span class="literal">true</span> | <span class="literal">false</span>) of
the<span class="emphasis"> Meta</span> key(e.g., Macintosh <span class="emphasis">Command</span>
key) state for this event.
</li><li><span class="literal"></span>Integer button code for this event.</li><li><span class="literal"></span>Reference to node receiving the previous or next mouse event.</li></ul>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="returnedvalue"><span class="title">Returned Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>None.</p>
					</td>
				</tr>
			</table>
		</div><div id="initMutationEvent( )">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">initMutationEvent( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span>  DOM <span class="emphasis">2</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">initMutationEvent("<span class="replaceable">eventType</span>",
<span class="replaceable">bubblesFlag</span>,
<span class="replaceable">cancelableFlag</span>,
<span class="replaceable">relatedNodeRef</span>,
<span class="replaceable">prevValue</span>,
<span class="replaceable">newValue</span>,
<span class="replaceable">attrName</span>,
<span class="replaceable">attrChangeCode</span>)</p>
					</td><td valign="top" nowrap class="requirements"></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
				<p>Initializes a newly created event object with a complete set of
property values associated with any mutation event. All parameters
must be present, and must be set to default values (such as
<span class="literal">false</span> for Boolean key flags or zero for integer
code numbers) if the values are not significant for the event type.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="parameters"><span class="title">Parameters</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td>
						<ul><li><span class="literal"></span>String identifier for the event's type:
<span class="literal">DOMAttrModified</span>,
<span class="literal">DOMCharacterDataModified</span>,
<span class="literal">DOMNodeInserted</span>,
<span class="literal">DOMNodeInsertedIntoDocument</span>,
<span class="literal">DOMNodeRemoved</span>,
<span class="literal">DOMNodeRemovedFrom-Document</span>,
<span class="literal">DOMSubtreeModified</span>.
</li><li><span class="literal"></span>Boolean value (<span class="literal">true</span> | <span class="literal">false</span>)
determining whether the event's default propagation
behavior is to bubble.
</li><li><span class="literal"></span>Boolean value (<span class="literal">true</span> | <span class="literal">false</span>)
determining whether the event's default action may
be prevented via the <span class="literal">preventDefault( )</span> method.
</li><li><span class="literal"></span>Reference to a node associated with the event. Applicable only to
<span class="literal">DOMNodeInserted</span>,
<span class="literal">DOMNodeRemoved</span>, <span class="literal">DOMAttrModified</span>
event types.
</li><li><span class="literal"></span>String of previous value for an <span class="literal">Attr</span> or
<span class="literal">CharacterData</span> node. Applicable only to
<span class="literal">DOMAttrModified</span> and
<span class="literal">DOMCharacterDataModified</span> event types.
</li><li><span class="literal"></span>String of new value for an <span class="literal">Attr</span> or
<span class="literal">CharacterData</span> node. Applicable only to
<span class="literal">DOMAttrModified</span> and
<span class="literal">DOMCharacterDataModified</span> event types.
</li><li><span class="literal"></span>String of the name of an <span class="literal">Attr</span> node. Applicable
only to the <span class="literal">DOMAttrModified</span> event type.
</li><li><span class="literal"></span>Integer for the code corresponding to the type of change the event
simulates. Applicable only to the <span class="literal">DOMAttrModified</span>
event type.
</li></ul>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="returnedvalue"><span class="title">Returned Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>None.</p>
					</td>
				</tr>
			</table>
		</div><div id="initUIEvent( )">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">initUIEvent( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span>  DOM <span class="emphasis">2</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">initUIEvent("<span class="replaceable">eventType</span>",
<span class="replaceable">bubblesFlag</span>,
<span class="replaceable">cancelableFlag</span>,
<span class="replaceable">view</span>,
<span class="replaceable">detailVal</span>)</p>
					</td><td valign="top" nowrap class="requirements"></td>
				</tr>

				<tr>
					<td valign="top" colspan="2" class="description">
					<p>Initializes a newly created event object with a complete set of
property values associated with any UI event. All parameters must be
present, and must be set to default values (such as
<span class="literal">false</span> for Boolean key flags or zero for integer
values) if the values are not significant for the event type.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="parameters"><span class="title">Parameters</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td>
						<ul><li><span class="literal"></span>String identifier for the event's type, such as
<span class="literal">DOMFocusIn</span>, <span class="literal">DOMFocusOut</span>,
<span class="literal">DOMActivate</span>.
</li><li><span class="literal"></span>Boolean value (<span class="literal">true</span> | <span class="literal">false</span>)
determining whether the event's default propagation
behavior is to bubble.
</li><li><span class="literal"></span>Boolean value (<span class="literal">true</span> | <span class="literal">false</span>)
determining whether the event's default action may
be prevented via the <span class="literal">preventDefault( )</span> method.
</li><li><span class="literal"></span>Reference to the window or frame object in which the dynamically
generated event is supposed to have occurred.
</li><li><span class="literal"></span>Integer code for detail data associated with the event.</li></ul>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="returnedvalue"><span class="title">Returned Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>None.</p>
					</td>
				</tr>
			</table>
		</div><div id="preventDefault( )">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">preventDefault( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span>  DOM <span class="emphasis">2</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements"></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
<p>Instructs the current event to bypass the normal operation it
performs on the node. Once set, the mode cannot be undone for the
current event. The following Netscape 6 event listener function for
an <span class="literal">keypress</span> event allows only numbers to be
entered into a text field:
</p>
<span class="PROGRAMLISTING"><pre>function numsOnly(evt) {
    if (evt.charCode&lt; 48 || evt.charCode &gt; 57) {
        evt.preventDefault( );
    }
} </pre></span>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
						<tr>
							<td colspan="2"><p>This method is the equivalent of assigning <span class="literal">false</span>
to the IE <span class="literal">event.returnValue</span> property, or having an
event handler evaluate to <span class="literal">return false</span>.
</p>
							</td>
						</tr>

				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="parameters"><span class="title">Parameters</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>None.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="returnedvalue"><span class="title">Returned Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>None.</p>
					</td>
				</tr>
			</table>
		</div><div id="stopPropagation( )">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">stopPropagation( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">n/a</span>  DOM <span class="emphasis">2</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements"></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
					<p>Prevents the current event from propagating through the capture or
bubbling hierarchy beyond the node currently processing the event.
This method performs the same action as assigning
<span class="literal">false</span> to the event object's
<span class="literal">cancelBubble</span> property (for bubbling propagation
only).
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="parameters"><span class="title">Parameters</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>None.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="returnedvalue"><span class="title">Returned Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>None.</p>
					</td>
				</tr>
			</table>
		</div>
</body>
</html>