zookeeper python接口实例详解
291
2023-05-23
Vue键盘事件用法总结
这两天学习了vue.js 感觉组件这个地方知识点挺多的,而且很重要,所以,今天添加一点小笔记,学习一下Vue键盘事件
键盘事件
window.onload = function () {
var vm = new Vue({
el: '#box',
data: {},
methods: {
show: function (ev) {
alert(ev.keyCode)
}
}
});
}
keyCode
window.onload = function () {
var vm = new Vue({
el: '#box',
data: {},
methods: {
show: function (ev) {
if(ev.keyCode==13){
alert('你按了回车键!')
}
}
}
});
}
&lHzCmxt;/head>
keyUp
window.onload = function () {
var vm = new Vue({
el: '#box',
data: {},
methods: {
show: function (ev) {
alert(ev.keyCode)
}
}
});
}
<input type="text" @keyup="show($event)">
键盘事件——简写方式
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('你按了右键!');
}
}
});
}
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~