vue 键盘（上下左右）快捷键

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

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

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

在methods中写上KeyDown函数

 methods: {KeyDown(event) {const e = event || window.event || arguments.callee.caller.arguments[0];let key = e.keyCode;        //键盘码值 keycodeif (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");}},
}

键盘常用键的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

VUE中键盘快捷键-JS键盘事件

vue 键盘（上下左右）快捷键相关推荐

Cygwin复制，粘贴直接用鼠标在黑框上选区即可，选区结束就已经复制了。cygwin里面Ctrl+V是不能粘贴的，用Shfit+ Insert（键盘上下左右方向键的上面） Cygwin 下切换目
Cygwin复制,粘贴直接用鼠标在黑框上选区即可,选区结束就已经复制了.cygwin里面Ctrl+V是不能粘贴的,用Shfit+ Insert(键盘上下左右方向键的上面) Cygwin 下切换目录略 ...
用键盘上下左右键和ctrl键移动TreeView节点
/// <summary>/// 用键盘上下左右键和ctrl键移动节点 /// 思路:现复制2个选中的节点.1.为了记住第一次选中节点位置,2在上移过程中现将令一个插入指定位置,/// 然 ...
ipad键盘使用快捷键_每个iPad使用者都应该知道的20个键盘快捷键
ipad键盘使用快捷键 The iPad is great for watching YouTube or web browsing, but it's increasingly common for ...
如何解除计算机方向键问题,笔记本键盘上下左右键怎么解锁_笔记本电脑的上下左右键被锁住了如何解决-win7之家...
我们在电脑中玩游戏的时候,经常会使用到键盘上下左右键来进行操作,不过有不少笔记本用户反映说键盘上下左右键被锁住了,导致无法操作,但是这种情况不多见,如果被锁定的话.一般是数字区域,方向键基本上没有被锁 ...
windows系统键盘无法使用快捷键
windows系统键盘无法使用快捷键 record 描述: windows系统键盘无法使用快捷键例如: Windows键 ALT + F4 ALT + TAB CTRL + ESC CTRL + A ...
JS实现用键盘上下左右键移动页面的div进行移动，并且不能移出页面
<style>#box {width: 200px;height: 200px;background-color: red;position: fixed;} </style> ...
table支持键盘上下左右控制
<!DOCTYPE html> <html> <head><title>table支持键盘上下左右控制</title><script ...
linux 读取键盘上下左右键小程序
linux 读取键盘上下左右键小程序月城雪兔 2016-06-03 17:28:31 因为想读取键盘的上下左右方向键,却发现在网上不容易找到恰当的例子,最后是以一个ros程序简化而来的. 第一,为什 ...
pygame 图像--键盘上下左右
将图像初始在窗口中心位置, 不然就会初始在左上角 # 初始窗口中心 ship_rect.center = screen_rect.center 监控键盘上下左右 import sys import ...
【 js中通过键盘上下左右移动图片】
js中通过键盘上下左右移动图片第一种方法 <!-- <!DOCTYPE html> <html lang="en"> <head>< ...

vue 键盘（上下左右）快捷键

vue 键盘（上下左右）快捷键相关推荐

最新文章

热门文章