JavaScript编程交流 加入小组

19个成员 24个话题 创建时间:2015-09-15

键盘按键控制html对象移动(贪食蛇或飞机大战中的飞机) 置顶 精华

发表于2015-09-16 4351次查看

document.onkeydown:监听有按键被按下。(比较常用来监听,贪食蛇和飞机大战小游戏都会用到这个。)

document.onkeyup:监听有按键弹起。

这种监听的原理和 按钮的onclick或其他事件一个道理。只是它监听的是整个键盘,里面有event.keyCode来获取哪个按键被操作了。

以下给个按键被按下的例子实现。

    document.onkeydown = function(){
        switch(event.keyCode){
            case 37:// 对应键位 ← 的值
                //Moveleft();点击“←”的执行内容
                break;
            case 38:// 对应键位 ↑ 的值
                //MoveTop();点击“↑”的执行内容
                break;
            case 39:// 对应键位 → 的值
                //MoveRight();点击“→”的执行内容
                break;
            case 40:// 对应键位 ↓ 的值
                //MoveBottom();点击“↓”的执行内容
                break;
        }
    }

这边还贴出一些其他常用的键位对应值。大家可以换下键位来替换实现。 

上下左右键头键:左:37;上:38:右:39;下:40。

字母A-Z键:值从65-90。 

ESC键:值27。    

退格键Backspace:8。 

TAB键:9。     

回车键Enter:13. 

Shift键:16。(也可另只指左Shift键:160,只指右Shift键:161。)  

Ctrl键:17。(也可左:162;右:163)

Alt键:18。(也可左:164;右:165)  

Windows键:左:91;右:92。 

3回复
发表回复
你还没有登录,请先 登录或 注册!