好资源导航 » 文章资讯 » Vue键盘事件用法总结

Vue键盘事件用法总结

2024-02-25 12:09:04 56

这两天学习了Vue.js感觉组件这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记,学习一下Vue键盘事件
键盘事件








window.onload=function(){
varvm=newVue({
el:'#box',
data:{},
methods:{
show:function(ev){
alert(ev.keyCode)
}
}
});
}

keyCode








window.onload=function(){
varvm=newVue({
el:'#box',
data:{},
methods:{
show:function(ev){
if(ev.keyCode==13){
alert('你按了回车键！')
}
}
}
});
}

keyUp








window.onload=function(){
varvm=newVue({
el:'#box',
data:{},
methods:{
show:function(ev){
alert(ev.keyCode)
}
}
});
}

键盘事件——简写方式








window.onload=function(){
varvm=newVue({
el:'#box',
data:{},
methods:{
show:function(){
alert('你按了回车！');
},
show2:function(){
alert('你按了回车！');
},
show3:function(){
alert('你按了上键！');
},
show4:function(){
alert('你按了下键！');
},
show5:function(){
alert('你按了左键！');
},
show6:function(){
alert('你按了右键！');
}
}
});
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
514930285
czq8825@qq.com

Vue键盘事件用法总结

热门推荐

随机推荐