>[success] # 按鍵修飾符 ~~~ 1.vue3.x 不在支持 鍵位碼和'Vue.config.keyCodes' 配置 ~~~ >[danger] ##### vue2.x ~~~ 1.vue2.x 可以使用定義按鍵序號位置 或者按鍵碼例如 1.1.'v-on:keyup.112 ' 配置鍵位碼 1.2.' Vue.config.keyCodes.f1 = 112' 給全局怎加112 鍵位碼事件使用時候變成`v-on:keyup.f1` ~~~ >[danger] ##### vue3.x ~~~html 1. KeyboardEvent.keyCode 這個事件已經被廢棄可以參考mdn，因此vue3.x 開始也不在支持鍵位碼現在使用方法 對任何要用作修飾符的鍵使用 kebab-cased (短橫線) 名稱 <!-- Vue 3 在 v-on 上使用按鍵修飾符 --> <input v-on:keyup.page-down="nextPage"> <!-- 同時匹配 q 和 Q --> <input v-on:keypress.q="quit"> ~~~ >[info] ## 官方參考地址 [按鍵修飾符](https://v3.cn.vuejs.org/guide/migration/keycode-modifiers.html#_2-x-%E8%AF%AD%E6%B3%95) [v2 和 v3 按鍵修飾符不同點](http://www.hmoore.net/cyyspring/vue3/2697856)