JS VUE修飾ボタンに対応するキーカスタムキーボードのキー

、独自のショートカットをVUE

.enter
.TAB
.Delete（ "削除"と"バックスペース"キーをキャプチャ）
.esc
.SPACE
.UP
.down
.LEFT
.RIGHT

 

第二に、カスタムショートカット

修飾子定義エイリアスの場合と `Vue.config.keyCodesキーの名前=値」によって1.

Vue.config.keyCodes.f2 = 113;

 

2.カスタムキー修飾子：

<input type = "text" Vモデル= "名前は" @ keyup.f2 = "追加">

 

第三に、例

 

1、キーボードショートカットが付属しています

<input type = "text"クラス= "フォームコントロール" Vモデル= "名前" @ keyup.enter = "追加">

2、カスタムショートカット

<input type = "text"クラス= "フォームコントロール" Vモデル= "名前" @ keyup.f2 = "追加">

// カスタムグローバルキーモディファイ 
    Vue.config。KeyCodes.f2 = 113

 

四、ボタンに対応するJSキーボードのキー

ボタンに対応するJSのキーボードのキー