溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

vue中如何監(jiān)聽(tīng)鍵盤(pán)回車(chē)事件

發(fā)布時(shí)間：2021-07-28 09:18:05 來(lái)源：億速云 閱讀：398 作者：小新 欄目：web開(kāi)發(fā)

這篇文章將為大家詳細(xì)講解有關(guān)vue中如何監(jiān)聽(tīng)鍵盤(pán)回車(chē)事件，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

vue運(yùn)行為v-on在監(jiān)聽(tīng)鍵盤(pán)事件時(shí)，添加了特殊的鍵盤(pán)修飾符：

<input v-on:keyup.13="submit">

vue還非常貼心地給出了常用按鍵的別名，這樣就不必去記keyCode ~ ~

上面代碼，還可以在這樣寫(xiě)：

<input v-on:keyup.enter="submit">

<input @keyup.enter="submit">

全部的鍵盤(pán)別名：

.enter

.tab

.delete (捕獲 “刪除” 和 “退格” 鍵)

.esc

.space

.up

.down

.left

.right

還有一些組合按鍵：

.ctrl

.alt

.shift

.meta(window系統(tǒng)下是window鍵，mac下是command鍵)

Alt + C :

<input @keyup.alt.67="doSth">

Ctrl + Click :

<div @click.ctrl="doSth">點(diǎn)我</div>

注意?。。∪绻昧朔庋b組件的話(huà)，比如element，這個(gè)時(shí)候使用按鍵修飾符需要加上.native

比如：

<el-input v-model="account" placeholder="請(qǐng)輸入賬號(hào)" @keyup.enter.native="search()"></el-input>

關(guān)于“vue中如何監(jiān)聽(tīng)鍵盤(pán)回車(chē)事件”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

vue
AI
助
手