Vue 中的按键别名(.enter)和修饰键(.ctrl)
来源:互联网 发布:淘宝客销量有权重吗 编辑:程序博客网 时间:2024/06/10 16:02
1、按键别名
在监听键盘事件时,我们经常需要监测常见的键值。Vue 允许为 v-on 在监听键盘事件时添加关键修饰符:
<input v-on:keyup.13="submit">
对于一些常用键,Vue 还提供了按键别名:
<input @keyup.enter="submit"> <!--缩写形式-->
全部的按键别名:
- .enter
- .tab
- .delete (捕获“删除”和“退格”键)
- .esc
- .space
- .up
- .down
- .left
- .right
除了上面提到的按键别名,还可以用如下修饰键开启鼠标或键盘事件监听,使在按键按下时发生响应。
- .ctrl
- .alt
- .shift
- .meta
<!-- Alt + C --><input @keyup.alt.67="clear"><!-- Ctrl + Click --><div @click.ctrl="doSomething">Do something</div>
与按键别名不同的是,修饰键和 keyup 事件一起用时,事件引发时必须按下正常的按键。换一种说法:如果要引发 keyup.ctrl,必须按下 ctrl 时释放其他的按键;单单释放 ctrl 不会引发事件。
<!-- 按Alt + C --><input @keyup.alt.67="clear"><!-- 按Alt + 任意键 --><input @keyup.alt="other">
阅读全文
0 0
- Vue 中的按键别名(.enter)和修饰键(.ctrl)
- C#组合键应用(Ctrl+Enter)
- winform中的enter和esc按键监控
- vue-事件修饰符和按键修饰符
- vue-按键修饰符
- 前端框架vue.js系列(4):事件修饰符与按键修饰符
- ctrl+enter键
- cocos2d-x中添加Enter键和方向键按键响应 (转)
- 按键修饰符vue.js
- enter键发送,ctrl+enter换行
- ctrl转enter键使用
- 按快捷键提交表单(如 Ctrl + Enter)
- cocos2d-x中添加Enter键和方向键按键响应
- cocos2d-x中添加Enter键和方向键按键响应
- cocos2d-x中添加Enter键和方向键按键响应
- cocos2d-x中添加Enter键和方向键按键响应
- cocos2d-x中添加Enter键和方向键按键响应
- cocos2d-x中添加Enter键和方向键按键响应
- [linux]ssh 端口转发
- Java后台框架篇--Spring高级装配
- ubuntu如何让状态栏放到屏幕下方
- RL经典mode/value/policy/step/on/off
- 3 大数据实战系列-spark shell分析日志
- Vue 中的按键别名(.enter)和修饰键(.ctrl)
- xmr-stak-cpu 安装及使用
- Java后台框架篇--Spring之Bean的五个作用域
- oracle中的角色
- 数据科学家必须知道的10个深度学习架构
- 15算法课程 21. Merge Two Sorted Lists
- [linux]ssh vpn(vpn)
- Java后台框架篇--Spring之AOP
- bzoj1690 [Usaco2007 Dec]奶牛的旅行(最优比率环,二分答案+spfa判负环)