| <?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> | |