Vue键盘事件
来源:互联网 发布:ubuntu输入法设置 编辑:程序博客网 时间:2024/05/29 18:46
键盘事件
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script src="../js/Vue.js" charset="utf-8"></script> <script type="text/javascript"> window.onload = function () { var vm = new Vue({ el: '#box', data: {}, methods: { show: function (ev) { alert(ev.keyCode) } } }); } </script></head><body><div id="box"> <input type="text" @keydown="show($event)"></div></body></html>
keyCode
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script src="../js/Vue.js" charset="utf-8"></script> <script type="text/javascript"> window.onload = function () { var vm = new Vue({ el: '#box', data: {}, methods: { show: function (ev) { if(ev.keyCode==13){ alert('你按了回车键!') } } } }); } </script></head><body><div id="box"> <input type="text" @keyup="show($event)"></div></body></html>
keyUp
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script src="../js/Vue.js" charset="utf-8"></script> <script type="text/javascript"> window.onload = function () { var vm = new Vue({ el: '#box', data: {}, methods: { show: function (ev) { alert(ev.keyCode) } } }); } </script></head><body><div id="box"> <input type="text" @keyup="show($event)"></div></body></html>
键盘事件——简写方式
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script src="../js/Vue.js" charset="utf-8"></script> <script type="text/javascript"> window.onload = function () { var vm = new Vue({ el: '#box', data: {}, methods: { show: function () { alert('你按了回车!'); }, show2: function () { alert('你按了回车!'); }, show3: function () { alert('你按了上键!'); }, show4: function () { alert('你按了下键!'); }, show5: function () { alert('你按了左键!'); }, show6: function () { alert('你按了右键!'); } } }); } </script></head><body><div id="box"> <input type="text" @keyup.13="show()"> <hr> <input type="text" @keyup.enter="show2()"> <hr> <input type="text" @keyup.up="show3()"> <hr> <input type="text" @keyup.down="show4()"> <hr> <input type="text" @keyup.left="show5()"> <hr> <input type="text" @keyup.right="show6()"> <hr></div></body></html>
0 0
- Vue键盘事件
- Vue键盘事件
- Vue键盘事件
- Vue之键盘事件
- vue-cli 键盘事件@keydown
- vue--阻止冒泡、默认行为、键盘事件
- 【11】vue.js — 自定义键盘事件
- vue中键盘事件的处理
- vue的键盘事件直接绑定无效?
- vue学习笔记(一)关于事件冒泡和键盘事件 以及与Angular的区别
- Vue自定义键盘信息
- Vue 2.0 键盘属性
- 键盘事件
- 键盘事件
- 键盘事件
- 键盘事件
- 键盘事件
- 键盘事件
- ubuntu shell命令划重点
- Python内存
- Java中的UTF-8、UTF-16编码字符所占字节数
- 类的简介
- 阿里笔试和毕业论文
- Vue键盘事件
- 蓝桥杯 算法训练 乘积最大 dp
- java+selenium搭建环境
- GDOI2017模拟 第四场(4.24~4.26)
- Maven项目开发
- c#设计模式==抽象工厂模式
- 1019. 数字黑洞 (20)
- MEMORY主电源电压变化数据(VDD=VDDQ)
- 详解/etc/profile、/etc/bash.bahsrc、~/.profile、~/.bashrc的用途