linxihuanghuang

导航

关于JS里面的键盘事件

在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

posted on 2013-04-10 14:03  linxihuanghuang  阅读(203)  评论(0)  编辑  收藏  举报