在JS代码中,有时候会涉及到一些键盘事件,比如说做一个俄罗斯方块的游戏,小方块移动时需要靠键盘的方向键来控制,这里给出一个小示例,来实现键盘方向键的控制。
以下是js代码:
<!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" > <head> <title>无标题页</title> <script language="javascript" type="text/javascript"> function keyEvent(event) { debugger // if(event.keyCode==37) // { // alert("left key"); // } // else // alert("another key!") switch(event.keyCode) { case 37: { alert("left"); break; } case 38: { alert("up"); break; } case 39: { alert("right"); break; } case 40: { alert("down"); break; } default: break; } } </script> </head> <body onkeyup="keyEvent(event)"> <!--//document.onkeydown=keyEvent;--> <p>请按你键盘的方向键</p> </body> </html>
关于键盘事件,有onkeydown,onkeyup,onkeypress三种,这里引用一份资料,很详细的介绍了这三种事件的区别:
http://aaron0927.iteye.com/blog/1070610
简而言之,有键按下 -> 产生onKeyDown事件 -> 如果是有ASCII码的按键, 则产生onKeyPress事件 ->有键释放 -> 产生onKeyUp事件。
关于不同的键的keyCode值,可以参考:
http://www.cnblogs.com/DareOnly/archive/2009/02/26/1398928.html