vue学习——键盘事件

本文主要是介绍vue学习——键盘事件，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

键盘事件常见的有两个：

keydown和keyup

keydown是按下去还没有弹回来时就触发事件

keyup是按下去又弹回来时才触发事件

现在是只要按键，就打印键的数值

在键盘事件后直接加enter也可以实现按下回车才调用showInfo的方法，也即打印输入框的值

Vue中常见的9个按键别名：

其中tab键，不能用在keyup上，因为tab键本身会切换光标的位置，所以只能用keydown

系统修饰键：ctrl、alt、shift、meta

meta键是指Windows的是win键，mac是指command键

三种方法：

Vue中的别名，按键原始的键名，按键的键值（不推荐了，慢慢不支持了）

按键可以连着写，两个一起按了才有效果：

可以自己定义键名的别名

如果有按键不在常见的9个Vue按键别名中怎么办：

键盘上每个按键都有自己的名字和编号，可以打印出看键的名字和编号，比如说大小写的那个键

两个单词组成的键名，不能直接加在事件后面，应该第一个字母小写，然后中间加-，第二个单词的字母再大写就可以了。

这篇关于vue学习——键盘事件的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

Javascript