話不多說上代碼?。。?/span>
一開始以為很復(fù)雜,經(jīng)過一番摸索和查找,發(fā)現(xiàn)也沒有那么難,具體如下:
1、先在 created 里邊開啟鍵盤按鍵的監(jiān)聽事件,如下:
created() {
window.addEventListener('keydown', this.handkeyCode, true)//開啟監(jiān)聽鍵盤按下事件
},
2、在 methods 里邊添加按鍵之后需要執(zhí)行的方法即可,具體如下:
methods:{
// 回車和空格鍵提交右側(cè)信息
handkeyCode(e) {
console.log(e); // 打印出按鍵后的信息
if(e.keyCode === 13 || e.keyCode === 32){
console.log('觸發(fā)了回車/空格鍵');
}
},
}
解析:e.keyCode 是每個(gè)按鍵的編碼,13是回車鍵,32是空格鍵
至此完成鍵盤按鍵觸發(fā)事件的方法文章來源:http://www.zghlxwxcb.cn/news/detail-503976.html
測(cè)試有效!?。?/span>文章來源地址http://www.zghlxwxcb.cn/news/detail-503976.html
到了這里,關(guān)于vue 項(xiàng)目中使用鍵盤回車或空格按鍵觸發(fā)事件的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!