介绍
键盘输入是前端开发中一个很重要的问题，在平时开发过程中需要很多常用的键盘操作，比如按下 ESC 关闭模态框、按下 Enter 提交表单等等。这些操作一般都要用到原生的键盘事件来处理。
然而，由于浏览器之间的差异以及事件模型的不同，使得我们需要编写不同的代码来适应不同的环境，而这样的处理方法显然不够优雅。因此，有很多人开始使用 keyboard-package 这个工具来简化这些流程。
该工具是一个 npm 包，可以帮助我们处理键盘事件，使得我们可以用最简单的代码实现复杂的键盘操作。
在本篇文章中，我们将介绍 keyboard-package 的安装使用等基本操作，同时深入探讨该工具的具体实现。
安装
在使用 keyboard-package 之前，我们首先要安装它。只需要在命令行中输入：
npm i keyboard-package
即可完成安装。如果你想在项目中全局使用该包，可以在安装后手动将其加入到 package.json 文件中。
使用
keyboard-package 的使用非常简单，只需要按照以下步骤操作即可。
首先，我们需要在代码中引入 keyboard-package：
import Keyboard from 'keyboard-package';
接着，我们可以定义一个对象，用来储存键盘操作的数据。这里以监听空格键为例：
const listener = {
'SPACE': () => {
console.log('You pressed the space bar!');
}
};在监听对象中，我们定义了一个键值对 'SPACE'，其对应的值为一个回调函数，在用户按下空格键时将会被调用并输出相应信息。
最后，我们将这个监听对象传入到 Keyboard 类的构造函数中，并调用 start 方法即可开始监听：
new Keyboard(listener).start();
运行以上代码后，你会发现在模拟器中按下空格键时，控制台输出了相应的信息。
指南
除了基本的使用方法，keyboard-package 还提供了更多的指南，以方便我们更好地使用它。
暂停和恢复监听
如果需要暂时停止监听，我们可以在调用 start 方法时传入一个 bool 类型的参数，当其为 false 时即可暂停监听：
const keyboard = new Keyboard(listener); keyboard.start(); // 开始监听 // 暂停监听 keyboard.start(false);
在相应的场景中，暂停监听可以帮助我们避免不必要的事件触发，从而优化用户体验。
如果需要恢复监听，只需要再次调用 start 方法即可：
keyboard.start(); // 恢复监听
全局监听
keyboard-package 还提供了一种全局监听的方法，可以在整个页面范围内均有效。
为此，我们可以使用 Keyboard 类的静态方法 createGlobal，其使用方法如下：
Keyboard.createGlobal(listener);
通过这种方法，无论用户在页面的哪个地方进行键盘操作，都可以被监听到。
监听组合键
上述例子中，我们仅仅监听了一个单独的按键。不过，keyboard-package 还可以轻松地处理组合键，例如同时按下 Ctrl 和 S 键，来触发保存操作。
我们需要在监听对象中定义键值对，键名为一个数组，包含组合键上的所有按键，以及最后一个元素为需要调用的回调函数。
const listener = {
['CONTROL', 'S']: () => {
console.log('You pressed Ctrl+S!');
}
};在上述例子中，我们定义了 ['CONTROL', 'S'] 为组合键，并指定了其对应的回调函数。当用户在模拟器上按下 Ctrl 和 S 两个键时，我们定义的回调函数将会被调用。
键值映射
由于每种键盘的布局和类型都不同，所以在不同的环境中返回的键码和键名也各有不同。为了处理这种情况，我们可以使用 keyMap 对象。
该对象包含相应环境下的键名和键码映射。当你需要在特定环境中监听按键时，可以引入相应 keyMap 对象，并将其传入 Listening 类的构造函数中。
例如，在 windows 环境下监听 F5 键：
-- -------------------- ---- -------
------ --------- ---- -----------------------------------
----- -------- - -
----- -- -- -
---------------- ------- ------
-
--
--- ------------------ -------------------总结
keyboard-package 是一个非常实用的工具，可以帮助我们简化键盘事件的处理，并消除不同环境下的差异性。在平时的开发中，我们可以充分利用其提供的功能，并按需使用其不同的指南，来提升我们的开发效率和用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562db81e8991b448e0448