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

  • 相关阅读:
    JavaScript闭包基本概念
    JavaScript函数
    JavaScript类型比较
    Java思维导图之Class对象
    Python进阶之装饰器
    Java IO学习要点导图
    sl003完全平方数
    sl002个税计算
    sl001数字拼接
    装饰器
  • 原文地址:https://www.cnblogs.com/huang1990/p/3012245.html
Copyright © 2011-2022 走看看