在監聽鍵盤事件時,我們經常需要檢查詳細的按鍵。Vue 允許為 v-on
在監聽鍵盤事件時添加按鍵修飾符:
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsISPrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdsATOfd3bkFGazxCMx8VesATMfhHLlN3XnxCMwEzX0xiRGZkRGZ0Xy9GbvNGLpZTY1EmMZVDUSFTU4VFRR9Fd4VGdsYTMfVmepNHLrJXYtJXZ0F2dvwVZnFWbp1zczV2YvJHctM3cv1Ce-cmbw5SNkVmZkNjZwkTZkVmMkFWYjBjZlZWN0MzMxY2M1MzNm9CXzEzLchDMxIDMy8CXn9Gbi9CXzV2Zh1WavwVbvNmLvR3YxUjL5M3Lc9CX6MHc0RHaiojIsJye.png)
KeyboardEvent.key
暴露的任意有效按鍵名轉換為 kebab-case 來作為修飾符。 $event.key
等于 PageDown
時被調用。
為了在必要的情況下支援舊浏覽器,Vue 提供了絕大多數常用的按鍵碼的别名:
-
.enter
-
.tab
-
(捕獲“删除”和“倒退”鍵).delete
-
.esc
-
.space
-
.up
-
.down
-
.left
-
.right
系統修飾鍵
可以用如下修飾符來實作僅在按下相應按鍵時才觸發滑鼠或鍵盤事件的監聽器。
-
.ctrl
-
.alt
-
.shift
-
.meta
注意:在 Mac 系統鍵盤上,meta 對應 command 鍵 (⌘)。在 Windows 系統鍵盤 meta 對應 Windows 徽标鍵 (⊞)。在 Sun 作業系統鍵盤上,meta 對應實心寶石鍵 (◆)。在其他特定鍵盤上,尤其在 MIT 和 Lisp 機器的鍵盤、以及其後繼産品,比如 Knight 鍵盤、space-cadet 鍵盤,meta 被标記為“META”。在 Symbolics 鍵盤上,meta 被标記為“META”或者“Meta”。
例如: