<html>
<head>
<meta http-equiv="content-type" content="text/html;chars-
et=iso-8859-1">
<title>DHTML for the WWW | Using Event Handlers</title>
<script> var omm=0; var of=0; </script>
</head>
<body onLoad="alert('onLoad: The document has loaded.'); v-
ar i=0;" onUnLoad="alert('onUnLoad: The document is now-
gone.')" onMove="alert('onMove: The window has been mo-
ved.')" onResize="alert('onResize: The window has been -
resized.')" onMouseMove="if (omm==0) { alert('onMouseMo-
ve: You moved your mouse.'); omm= 1}">
<h1>Event Handlers</h1>
<form name="FormName" action="#" method="get">
<input onFocus="if (of==0) {alert('onFocus: This f-
orm field has been selected.');of = 1;}" type="-
text" value="Click in Me"><br><br>
<input onBlur="alert('onBlur: This form field has -
been deselected.')" type="text" value="Click in-
me and then out">
</form>
<a href="#" onMouseOver="alert('onMouseOver: Your mo-
use passed over this link')">
Pass Your Mouse Over Me.
</a><br><br>
<a href="#" onMouseOut="alert('onMouseOut: Your mous-
e moved away from this link')">
Pass Your Mouse Over Me and then move away.
</a><br><br>
<a href="#" onClick="alert('onClick: You have clicke-
d this link')">
Click Me!
</a><br><br>
<a href="#" onMouseDown="alert('onMouseDown: You pre-
ssed your mouse button down.')">
Click Me!
</a><br><br>
<a href="#" onMouseUp="alert('onMouseUp: You have re-
leased your mouse button.')">
Click Me!
</a>
<form name="FormName" action="#" method="get">
<input onKeyPress="alert('onKeyPress: You presse-
d a key.')" type="text" value="Type in Me!"><-
br><br>
<input onKeyDown="alert('onKeyDown: You pressed -
a key down.')" type="text" value="Type in Me!-
"><br><br>
<input onKeyUp="alert('onKeyUp: You pressed a k-
ey and then released it.')" type="text" value-
="Type in Me!" tabindex="5"><br><br>
</form>
</body>
</html>