在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