Vue中如何详细实现键盘事件处理？

本文共计955个文字，预计阅读时间需要4分钟。

目录- 常用按键别名- 未提供别名按键- 系统修饰键- 自定义按键别名- 总结- 在JS中，我们需要获取一个按键的编码，通常需要通过（keydown/keyup）事件去绑定一个事件，再通过event对象的keyCode属性去获取按键编码。

目录

• 常用按键别名
• 未提供别名的键
• 系统修饰键
• 自定义按键别名
• 总结

在js中我们要获取一个按键的编码通常需要通过(keydown/keyup)去绑定一个事件，再通过默认参数event中的keyCode属性去取得编码。如果我们要实现按固定的键才能触发事件时就需要在事件中进行不断的判断，这样会显的很麻烦，如

var input = document.querySelector('input') input.onkeyup = function (e) { if (e.keyCode == 13) console.log('我是回车键') }

在vue中就为我们一些常用的按键提供了别名，并且只需要我们在事件后加上相应别名即可，不需要我们手动的在事件中进行判断。

常用按键别名

Vue中为一些常用的按键绑定了别名，分别有以下几种。