vue监听键盘事件相关

按键修饰符

在监听键盘事件时，我们经常需要检查详细的按键。Vue 允许为 v-on 在监听键盘事件时添加按键修饰符：

<!-- 只有在 `key` 是 `Enter` 时调用 `vm.submit()` -->
<input v-on:keyup.enter="submit">

你可以直接将 KeyboardEvent.key 暴露的任意有效按键名转换为 kebab-case 来作为修饰符。 

<input v-on:keyup.page-down="onPageDown">

为了在必要的情况下支持旧浏览器，Vue 提供了绝大多数常用的按键码的别名：

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

你还可以通过全局 config.keyCodes 对象自定义按键修饰符别名： 

// 可以使用 `v-on:keyup.f1`
Vue.config.keyCodes.f1 = 112

系统修饰键

可以用如下修饰符来实现仅在按下相应按键时才触发鼠标或键盘事件的监听器。 

• - .ctrl 

• - .alt 

• - .shift 

• - .meta

  Do something