Vue2中的键盘事件
来源:互联网 发布:手机淘宝怎么没有直播 编辑:程序博客网 时间:2024/06/05 14:43
Vue2键盘事件:keydown/keyup
使用:
<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <script src="vue.js"></script> <script type="text/javascript"> window.onload = function(){ var vm = new Vue({ el:'#box', methods:{ show:function(ev){ if(ev.keyCode == 13){ alert('你按回车键了'); } }, } }); } </script> </head> <body> <div id="box"> <input type="text" placeholder="请输入" @keyup="show($event)"> <input type="text" placeholder="请输入" @keyup.13="show($event)"> </div> </body> </html>
当按下键盘的时候,执行show方法,然后再去执行相应的业务。
@keyup.13 回车
@keyup.enter 回车
@keyup.left 左键
@keyup.right 右键
@keyup.up 上键
@keyup.down 下键
@keyup.delete 删除键
阅读全文
0 0
- Vue2中的键盘事件
- Vue2中的键盘事件
- Vue2中的键盘事件
- vue2.0键盘事件
- Qt中的键盘事件
- java中的键盘事件
- Qt中的键盘事件
- Qt中的键盘事件
- Qt中的键盘事件
- js中的键盘事件
- Qt中的键盘事件
- Qt中的键盘事件
- C#中的键盘处理事件
- 网页中的键盘事件处理
- editText中的键盘事件处理
- Java中的鼠标事件和键盘事件
- AngularJs 中的键盘事件和鼠标事件
- JS中的事件:鼠标、键盘、HTML事件
- #HYSBZ3626[LNOI2014]#LCA(经典模型:树剖+线段树维护和)
- kubernetes安装教程,离线安装,内网安装,1.8版本,包含安装包
- 约瑟夫环问题用Python的解法
- Python实现 Pat1019 数字黑洞
- js事件机制
- Vue2中的键盘事件
- Java8函数式编程之七:Stream(流)的各种操作
- LeetCode——Climbing Stairs
- 初识多线程
- 2017.11.1总结
- 字典树的实现
- 完美世界校招在线笔试题-互联网Java(11月1日)编程题
- 弹球游戏实验:Ball_Game v1.0
- 微服务(Microservices)- 文章翻译