1.vue中指定的寫法
<button @keyup.enter.native="xxxx">查詢</button>
但是,這種方式只能在該按鈕獲取到光標(biāo)之后才能綁定回車鍵,也就是說你需要先用鼠標(biāo)點(diǎn)擊一下觸發(fā)綁定回車的操作。文章來源地址http://www.zghlxwxcb.cn/news/detail-567017.html
2.vue3中在?onMounted中監(jiān)聽鍵盤的keydown方式,這種方式不需要按鈕獲取到焦點(diǎn)
const keydownEvent = () => {
document.onkeydown = (e: any) => {
if (e.defaultPrevented) {
return;
}
const body = document.getElementsByTagName('body')[0];
// match(xxxx應(yīng)填寫文件在瀏覽器中的地址,不需要包括https、http或者www),這里是為了防止其他頁面觸發(fā)
if (e.keyCode === 13 && e.target.baseURI.match("xxxx") && e.target === body) {
console.log("按下了回車鍵");
xxxx(); //需要調(diào)用的方法
}
};
};
onMounted(() => {
keydownEvent();
});
文章來源:http://www.zghlxwxcb.cn/news/detail-567017.html
到了這里,關(guān)于vue按鈕綁定回車(鍵盤事件)的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!