Vue中監聽 鍵盤事件及修飾符

鍵盤事件:

  keyCode 實際值

  • 48到57      0 - 9
  • 65到90           a - z ( A-Z )
  • 112到135       F1 - F24
  • 8                    BackSpace ( 退格 )
  • 9                    Tab
  • 13                  Enter ( 回車 )
  • 20                  Caps Lock ( 大寫)
  • 32                  Space ( 空格鍵 )
  • 37                  Left ( 左箭頭 )
  • 38                  Up ( 上箭頭 )
  • 39                  Right ( 右箭頭)
  • 40                  Down ( 下箭頭 )

  別名按鍵設置

  • .delete            刪除
  • .tab                 Tab
  • .enter              回車
  • .esc                退出
  • .space            空格
  • .left                 左箭頭
  • .right               右箭頭
  • .down             上箭頭
  • .up                  下箭頭
  • .ctrl                 Ctrl
  • .alt                  Alt
  • .shift               Shift  

   修飾符

  • .stop   阻止事件冒泡 (等同於JavaScript中的event.stopPropagation()
  • .prevent   阻止默認行爲 (等同於JavaScript中的event.preventDefault()
  • .self   當事件在該元素自己觸發回調
  • .capture  觸發事件捕獲
  • @once  只執行一次