在前端开发中，我们经常需要对用户输入的键盘事件做出处理，比如按下某个键盘按键后触发相应的操作。但是，由于不同的浏览器对键盘事件的编码不一样，因此在编写代码时，我们需要了解不同浏览器的键值编码。这样一来，我们需要一份能够统一处理各种浏览器的键值编码的工具。
keycodes 就是这样一个 npm 包。它提供了常用键盘事件的键码值，可用于检查按下的键是否为某一特定键，或者用于在页面上模拟键盘输入。
安装 keycodes
要使用 keycodes，你需要先安装它。可以使用下面的命令来安装：
npm install keycodes
当然，你也可以在项目根目录下创建一个 package.json 文件，并将 keycodes 添加到 dependencies 列表中，然后运行 npm install。
{
"dependencies": {
"keycodes": "^1.0.0"
}
}使用 keycodes
在我的项目中，我需要处理空格键和回车键的事件。为了方便，我将这两个键的 keyCode 存到了变量中。
-- -------------------- ---- -------
------ - ------ ----- - ---- -----------
------------------------------------ ------- -- -
-- -------------- --- ------ -
-- -------
-
-- -------------- --- ------ -
-- -------
-
---此外，keycodes 还提供了其他常用键的键码值，包括字母键、数字键、功能键、方向键等等。你可以在官方文档中查看完整的键码列表。
在页面上模拟键盘输入
有些时候，我们需要在页面上模拟用户输入某些按键。使用 keycodes，我们可以很方便地实现这个需求。
import { A } from 'keycodes';
const inputElement = document.querySelector('input');
inputElement.value = '';
const event = new KeyboardEvent('keydown', { keyCode: A });
inputElement.dispatchEvent(event);在上面的代码中，我首先在页面上选取了一个输入框，然后创建了一个 keydown 事件，将事件对象的 keyCode 设置为字母 A 的键码值。最后，我将事件分派到了这个输入框上，从而模拟了用户输入字母 A 的操作。
总结
keycodes 是一个非常实用的 npm 包，它提供了常用的键盘事件的键码值，让我们可以省去写一堆条件分支的繁琐操作。而且，在项目中模拟键盘输入时，也非常方便。如果你在开发中也遇到了类似的问题，相信 keycodes 能为你解决不少问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066efe4c49986ca68d8b12