vue學習 鍵盤事件

2022-10-10 18:33:09 字數 1293 閱讀 9137

鍵盤事件常見的有兩個:

keydown和keyup

keydown是按下去還沒有彈回來時就觸發事件

keyup是按下去又彈回來時才觸發事件

現在是只要按鍵,就列印鍵的數值

在鍵盤事件後直接加enter也可以實現按下回車才呼叫showinfo的方法,也即列印輸入框的值

vue中常見的9個按鍵別名:

其中tab鍵,不能用在keyup上,因為tab鍵本身會切換游標的位置,所以只能用keydown

系統修飾鍵:ctrl、alt、shift、meta

meta鍵是指windows的是win鍵,mac是指command鍵 

三種方法:

vue中的別名,按鍵原始的鍵名,按鍵的鍵值(不推薦了,慢慢不支援了)

按鍵可以連著寫,兩個一起按了才有效果:

可以自己定義鍵名的別名

如果有按鍵不在常見的9個vue按鍵別名中怎麼辦:

鍵盤上每個按鍵都有自己的名字和編號,可以列印出看鍵的名字和編號,比如說大小寫的那個鍵

兩個單詞組成的鍵名,不能直接加在事件後面,應該第乙個字母小寫,然後中間加-,第二個單詞的字母再大寫就可以了。

(七)linux 學習 鍵盤高階操作技巧

the linux command line 讀書筆記 部分內容來自 按鍵行動 ctrl a 移動游標到行首。ctrl e 移動游標到行尾。ctrl f 游標前移乙個字元 和右箭頭作用一樣。ctrl b 游標後移乙個字元 和左箭頭作用一樣。alt f 游標前移乙個字。alt b 游標後移乙個字。ct...

學習筆記 Vimium外掛程式學習,鍵盤黨的自我修養

vimium簡介 2.通過 隨時展示快捷鍵列表 3.自定義常用快捷鍵 上 map w scrollup 下map s scrolldown 左map a scrollleft 右map d scrollright 半頁滾動下 map l scrollpagedown 半頁滾動上 map h scro...

vue監聽組建鍵盤事件

表單提交時需要處理輸入框的回車事件,一般的原生input標籤可以用 keyup.enter onsubmit tips onsubmit為定義的方法 但是在組建裡就不好用,需要多加乙個native,如下 keyup.enter onsubmit 改寫為 keyup.enter.native onsu...