国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

vue 項(xiàng)目中使用鍵盤回車或空格按鍵觸發(fā)事件

這篇具有很好參考價(jià)值的文章主要介紹了vue 項(xiàng)目中使用鍵盤回車或空格按鍵觸發(fā)事件。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

話不多說上代碼?。。?/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ā)事件的方法

測(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)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • vue+ElementUI el-table表格單元格編輯增加鍵盤事件功能(向上、向下、回車鍵盤事件)

    vue+ElementUI el-table表格單元格編輯增加鍵盤事件功能(向上、向下、回車鍵盤事件)

    1、如果單元格編輯使用了插槽功能,需要在插槽上添加一個(gè)class(這個(gè)類即:當(dāng)前列的porp值) 2、porp不能重復(fù)(正常也不會(huì)存在) GitHub源碼地址 Gitee源碼地址 基于ElementUi或Antd再次封裝基礎(chǔ)組件文檔 TTable組件封裝地址

    2024年02月11日
    瀏覽(31)
  • vue3和ts的el-input的鍵盤回車綁定事件

    el-input框綁定鍵盤回車搜索事件 加上@keyup.enter.native=\\\"search\\\" 然后 ? 第二種方法:作用在input元素身上 在html中 然后

    2024年02月04日
    瀏覽(30)
  • Vue鍵盤按鍵別名/事件說明及案例

    Vue中的按鍵別名(): 回車 = enter 刪除 = delete (退格 、 刪除 按鍵) 退出 = esc 空格 = space 換行 = tab (必須配合 keydown 去使用) 上 = up 下 = down 左 = left 右 = right 如果沒有內(nèi)置別名可以 組合: 組合類 = shift + tab 監(jiān)聽事件: keydown :當(dāng)用戶按下任意鍵時(shí)觸發(fā)。 keyup :當(dāng)用戶釋

    2024年01月18日
    瀏覽(27)
  • Vue中 如何監(jiān)聽鍵盤事件中的按鍵

    Vue中 如何監(jiān)聽鍵盤事件中的按鍵

    在Web前端開發(fā)中,鍵盤事件的處理是非常常見的需求之一。而在Vue框架中,如何監(jiān)聽鍵盤事件中的按鍵是一個(gè)相對(duì)簡(jiǎn)單但又很實(shí)用的功能。本文將為你介紹如何在Vue中監(jiān)聽鍵盤事件,并演示一些常用的按鍵操作。 首先,在Vue中監(jiān)聽鍵盤事件的方式有兩種:一種是直接在DOM元素

    2024年02月20日
    瀏覽(24)
  • 微信小程序input監(jiān)聽鍵盤完成事件、回車事件

    微信小程序中,輸入框輸入內(nèi)容,需要輸入完成后點(diǎn)擊鍵盤完成事件后觸發(fā)搜索 bindconfirm=“事件名稱”

    2024年02月14日
    瀏覽(19)
  • 如何給 el-input 添加鍵盤回車事件

    如何給 el-input 添加鍵盤回車事件

    查找 Element UI 的 input輸入框組件(el-input組件),都沒有發(fā)現(xiàn)可以給輸入框添加的回車鍵監(jiān)聽事件,因?yàn)镋lement UI對(duì)其做了進(jìn)一步封裝,想要直接添加 @keydown(或者@keyup.enter)是無效的。 要想在el-input中實(shí)現(xiàn)回車鍵監(jiān)聽事件,需要在@keyup.enter后面加上.native,即 那么 .native 是如

    2024年02月16日
    瀏覽(25)
  • js獲取鍵盤按鍵事件、判斷鍵盤按鍵事件、調(diào)用鍵盤按鍵事件

    第一:獲取鍵盤按鍵事件 第二:判斷鍵盤按鍵事件 第三:調(diào)用鍵盤按鍵事件

    2024年02月11日
    瀏覽(25)
  • ASP.NET WebForm中在TextBox輸入框回車時(shí)會(huì)觸發(fā)其他事件,如何處理?

    ASP.NET WebForm中在TextBox輸入框回車時(shí)會(huì)觸發(fā)其他事件,如何處理?

    在ASP.NET WebForm中,在頁面中按鍵盤上的回車鍵,會(huì)自動(dòng)觸發(fā)某些事件,但是這并不是我們想要的效果,我們可以設(shè)置將其取消,那如何處理呢? 前臺(tái)代碼: ? 后臺(tái)在Page_Load中設(shè)置代碼: ?代碼示例: ? ? 在ASP.NET WebForm中,在頁面中按鍵盤上的回車鍵,需要自定義設(shè)置觸發(fā)某

    2024年02月15日
    瀏覽(21)
  • 鍵盤按鍵事件 通過鍵盤上下左右按鍵移動(dòng)界面上圖標(biāo)

    鍵盤按鍵事件 通過鍵盤上下左右按鍵移動(dòng)界面上圖標(biāo)

    #main.c文件 #include “keyevent.h” #include int main(int argc, char *argv[]) { QApplication a(argc, argv); KeyEvent w; w.show(); } #include “keyevent.h”//頭文件 #ifndef KEYEVENT_H #define KEYEVENT_H #include #include #include class KeyEvent : public QWidget { Q_OBJECT public: KeyEvent(QWidget *parent = 0); ~KeyEvent(); void drawPix(); void keyPre

    2024年02月09日
    瀏覽(22)
  • 基于MFC的鍵盤響應(yīng)(熱鍵觸發(fā)事件)

    通過輸入 CTRL + G 組合按鍵完成文件選擇框彈出: 目標(biāo): 按下 CTRL + G ,彈出文件選擇框 過程: 頭文件添加消息申明 cpp文件添加消息映射 OnInitDialog添加全局熱鍵注冊(cè) 實(shí)現(xiàn)熱鍵功能函數(shù) MFC鍵盤宏定義: 功能鍵: VK_TAB : Tab鍵。 VK_SPACE : 空格鍵。 VK_BACK : 退格鍵(回退鍵)。

    2024年02月04日
    瀏覽(17)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包