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 只執行一次
歡迎關注本站公眾號,獲取更多信息