<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Testing Key Events</title>
<script type="text/javascript">
function appendMessage(message) {
document.getElementById('resultParagraph').innerHTML += message + " ";
}
</script>
</head>
<body>
<div id="resultContainer" height="30">
<div id="result" style="width:300;height:60">
<p id="resultParagraph"> </p>
</div>
</div>
<div>
<form action="resultPage.html" id="on-form">
<input id="theworks"
onfocus="appendMessage('focus')"
onkeydown="appendMessage('keydown')"
onkeypress="appendMessage('keypress')"
onkeyup="appendMessage('keyup')"
onblur="appendMessage('blur')"
onchange="appendMessage('change')"
/>
</form>
</div>
</body>
</html>