<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>Core Events</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
</head>

<body onload='alert("Event demo loaded");' onunload='alert("Leaving demo");'>

<form action="#" onreset='alert("Form reset");' onsubmit='alert("Form submit");return false;'>
<ul>
<li>onblur: <input type="text" value="Click into field and then leave" size="40" onblur='alert("Lost focus");' />
<br /><br /></li>
<li>onclick: <input type="button" value="Click Me" onclick='alert("Button click");' /><br /><br /></li>
<li>onchange: <input type="text" value="Change this text then leave" size="40" onchange='alert("Changed");' /><br /><br /></li>
<li>ondblclick: <input type="button" value="Double-click Me" ondblclick='alert("Button double-clicked");' /><br /><br /></li>
<li>onfocus: <input type="text" value="Click into field" onfocus='alert("Gained focus");' /><br /><br /></li>
<li>onkeydown: <input type="text" value="Press key and release slowly here" size="40" onkeydown='alert("Key down");' />
<br /><br /></li>
<li>onkeypress: <input type="text" value="Type here" size="40" onkeypress='alert("Key pressed");' /><br /><br /></li>
<li>onkeyup: <input type="text" value="Type and release" size="40" onkeyup='alert("Key up");' />
<br /><br /></li>
<li>onload: Alert presented on initial document load.<br /><br /></li>
<li>onmousedown: <input type="button" value="Click and hold" onmousedown='alert("Mouse down");' />
<br /><br /></li>
<li>onmousemove: Move mouse over this <a href="#" onmousemove='alert("Mouse moved");'>
link</a><br /><br /></li>
<li>onmouseout: Position mouse <a href="#" onmouseout='alert("Mouse out");'>here</a>
and now leave.<br /><br /></li>
<li>onmouseover: Position mouse over this <a href="" onmouseover='alert("Mouse over");'>
link</a><br /><br /></li>
<li>onmouseup: <input type="button" value="Click and release" onmouseup='alert("Mouse up");' />
<br /><br /></li>
<li>onreset: <input type="reset" value="Reset Demo" /><br /><br /></li>
<li>onselect: <input type="text" value="Select this text" size="40" onselect='alert("Selected");' />
<br /><br /></li>
<li>onsubmit: <input type="submit" value="Test Submit" /><br /><br /></li>
<li>onunload: Try to leave document by following this <a href="http://www.yahoo.com">
link</a>.<br /><br /></li></ul>
</form>

</body>
</html>


CLOSE WINDOW | VIEW RENDERED PAGE