天天看點

按鍵修飾符

在監聽鍵盤事件時,我們經常需要檢查詳細的按鍵。Vue 允許為 

v-on

 在監聽鍵盤事件時添加按鍵修飾符:
按鍵修飾符
 如果使用element元件 el-input 則:需要添加  native
按鍵修飾符
 你可以直接将 

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”。

例如:

按鍵修飾符
上一篇: 快捷鍵
下一篇: 快捷鍵