背景
在前端开发中，我们经常需要进行幻灯片设计与制作。针对幻灯片的制作过程，常常需要自定义快捷键，以便于在幻灯片播放过程中更好地控制页面。而 npm 包 bespoke-keys 就是一款供前端开发者使用的快捷键插件，可以轻松实现自定义快捷键。
安装
在使用 bespoke-keys 之前，需要先进行安装。使用 npm 命令行工具，可以直接进行安装：
npm install bespoke-keys
使用
安装完成之后，我们可以在项目中直接调用 bespoke-keys 库。
使用 bespoke-keys 库让快捷键生效的步骤如下所示：
初始化一个幻灯片实例，例如：
const deck = bespoke.from('#presentation');调用 bespoke-keys 库，如下所示：
deck.use(bespokeKeys());
在 bespoke-keys 的配置选项中指定需要自定义的快捷键，如下所示：
deck.bespokeKeys({ next: ['space', 'right'], prev: ['shift+space', 'left'] });
这样，在幻灯片播放过程中，用户就可以使用自定义的快捷键来控制页面，让体验更加顺畅。
除了自定义快捷键，bespoke-keys 还支持别名，这方面的内容可以查阅官方文档。
实例代码
下面是示例代码，使用 bespoke-keys 实现了空格键和方向键的幻灯片控制：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
------------------- ----------
----- ---------------- ------------------------------------------------------------------------
-------
------
----- ------------------
-------------- -----------
-------------- -----------
-------------- -----------
-------
------- -------------------------------------------------------------------------------
------- -----------------------------------------------------------------------------------------
--------
----- ---- - ------------------------------
------------------------
------------------
----- --------- ---------
----- --------------- -------
---
---------
-------
-------总结
在幻灯片制作的过程中，自定义快捷键是很常见的需求。bespoke-keys 是一个方便、易用的库，可以在前端开发过程中用于实现自定义快捷键。通过对 bespoke-keys 库的使用，我们可以让幻灯片变得更加智能、易用，同样也能够提高页面体验的舒适度，是一个非常实用的库。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/184018