vue自定义按键修饰符

一、vue自带快捷键

.enter
.tab
.delete (捕获“删除”和“退格”键)
.esc
.space
.up
.down
.left
.right

 

二、自定义快捷键

1. 通过`Vue.config.keyCodes.名称 = 按键值`来自定义案件修饰符的别名：

Vue.config.keyCodes.f2 = 113;

 

2. 使用自定义的按键修饰符：

<input type="text" v-model="name" @keyup.f2="add">

 

三、实例

 

1、自带快捷键

<input type="text" class="form-control" v-model="name" @keyup.enter="add">

2、自定义快捷键

<input type="text" class="form-control" v-model="name" @keyup.f2="add">

// 自定义全局按键修饰符
    Vue.config.keyCodes.f2 = 113

 

四、js中键盘按键对应的键值

js中键盘按键对应的键值