<html> <script> function checkForm() { if (event.keyCode == 13) { event.keyCode = 9; } } </script> <body> <form name="form1"> <input type="text" name="text1" onkeydown="checkForm()"> <input type="button" name="button1" value="按钮"> </form> </body> </html>
当按下回车时，焦点从文本框移到按钮上。如果把它换成“onkeypress”，焦点不会转移，也不会失去。但是如果换成“onkeyup”，则失去焦点，页面重新载入。
测试发现onkeydown 事件最先执行，其次是onkeypress,最后是onkeyup；onkeydown 和onkeypress会影响onkeyup的执行。三个事件同时在的话，都是alert的话，只会弹出2个alert，up事件的alert不会弹出。
三者在事件的响应上还有一点不同，就是onkeydown 、onkeypress事件响应的时候输入的字符并没有被系统接受，而响应onkeyup的时候，输入流已经被系统接受。由于onkeydown 比onkeypress先执行，再根据上面的例子可以知道，onkeydown 触发的时候输入流正要进入系统，也就是说onkeydown 事件一完，输入流就进入了系统，无法改变。所以通过onkeydown 事件可以改变用户是按了哪个键；而onkeypress事件则是在输入流进入系统后触发的，但输入流暂未被系统处理，此时已经不能改变输入流了；onkeyup则是输入流被系统处理后发生的。
用如下流程图就能够清晰明白三者的运行顺序：
onkeydown---输入流准备进入系统---→onkeypress---输入流已进入系统(未被系统处理)------输入流被系统处理---→onkeyup
