zoukankan      html  css  js  c++  java
  • 关于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

  • 相关阅读:
    BZOJ3512 DZY Loves Math IV
    HDU5608 function
    数论
    动态点分治
    tarjan
    插头DP
    斯坦纳树
    css中的display(显示)和visibility(可见性)
    简单的数据整理, 递归算法
    java链接数据库构建sql语句的时候容易记混的地方
  • 原文地址:https://www.cnblogs.com/huang1990/p/3012245.html
Copyright © 2011-2022 走看看