键盘(上下左右)快捷键

keydown:在键盘上按下某个键时触发。如果按住某个键,会不断触发该事件,但是 Opera 浏览器不支持这种连续操作。
keypress:按下某个键盘键并释放时触发。如果按住某个键,会不断触发该事件。该事件处理函数返回 false 时,会取消默认的动作(如输入的键盘字符)。
keyup:释放某个键盘键时触发。该事件仅在松开键盘时触发一次,不是一个持续的响应状态。
 

1,在mounted中加上window.addEventListener(“keydown”, this.KeyDown);监听

mounted() {
window.addEventListener("keydown", this.KeyDown);
}

2,在methods中写上KeyDown函数

 methods: {
      KeyDown(event) {
      const e = event || window.event || arguments.callee.caller.arguments[0];
      let key = e.keyCode;		//键盘码值 keycode
        if (key == 37) { //左
       	  console.log("left");
        } else if(key == 38) {	//上
          console.log("up");
        } else if(key == 39) {	//右
          console.log("right");
        } else if(key == 40) {	//下
       	  console.log("down");
        }
    },
}

3,键盘常用键的keyCode值

键位                                        keyCode
0-9                                            48-57
a到z(A到Z)                          65到90
F1到F24                                   112到135
BackSpace(退格)                   8
Tab                                              9
Enter(回车)                             13
Caps_Lock(大写锁定)             20
Space(空格键)                        32
Left(左箭头)                             37
Up(上箭头)                              38
Right(右箭头)                           39
Down(下箭头)                          40
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值