title: 配置快捷键

配置快捷键 {#configure-shortcuts}

自 v0.20 起可用

创建一份包含以下内容的 ./setup/shortcuts.ts 文件：

  1. import { defineShortcutsSetup, NavOperations } from '@slidev/types'
  3. export default defineShortcutsSetup((nav: NavOperations) => {
  4.   return [
  5.     {
  6.       key: 'enter',
  7.       fn: () => nav.next(),
  8.       autoRepeat: true,
  9.     },
  10.     {
  11.       key: 'backspace',
  12.       fn: () => nav.prev(),
  13.       autoRepeat: true,
  14.     },
  15.   ]
  16. })

在配置时，你可以添加或者一些自定义的快捷键。例如，上面的配置为 enter 绑定了下一动画或幻灯片，为 backspace 绑定了上一动画或幻灯片。

配置函数会接收一个封装有导航函数的对象参数，返回一个快捷键配置信息的数组，你可以参考其类型定义获得详细信息。

关于键盘事件，请参考 useMagicKeys | VueUse。