vue学习——键盘事件
2022/5/5 6:15:53
本文主要是介绍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学习——键盘事件的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist
- 2024-03-11icons for vue
- 2024-03-07breadcrumbs react js
- 2024-03-06react login page example
- 2024-03-06react router uselocation
- 2024-03-04postgres jsonb_set