话不多说上代码!!!
一开始以为很复杂,经过一番摸索和查找,发现也没有那么难,具体如下:
1、先在 created 里边开启键盘按键的监听事件,如下:
created() {
window.addEventListener('keydown', this.handkeyCode, true)//开启监听键盘按下事件
},
2、在 methods 里边添加按键之后需要执行的方法即可,具体如下:
methods:{
// 回车和空格键提交右侧信息
handkeyCode(e) {
console.log(e); // 打印出按键后的信息
if(e.keyCode === 13 || e.keyCode === 32){
console.log('触发了回车/空格键');
}
},
}
解析:e.keyCode 是每个按键的编码,13是回车键,32是空格键
至此完成键盘按键触发事件的方法文章来源:https://www.toymoban.com/news/detail-503976.html
测试有效!!!文章来源地址https://www.toymoban.com/news/detail-503976.html
到了这里,关于vue 项目中使用键盘回车或空格按键触发事件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!