配置快捷键

运行环境: client

该文件中的代码将仅在浏览器中运行。导入包时请确保浏览器兼容性。

开始使用

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

import type { NavOperations, ShortcutOptions } from '@slidev/types'
import { defineShortcutsSetup } from '@slidev/types'

export default defineShortcutsSetup((nav: NavOperations, base: ShortcutOptions[]) => {
  return [
    ...base, // 保留已有的快捷键
    {
      key: 'enter',
      fn: () => nav.next(),
      autoRepeat: true,
    },
    {
      key: 'backspace',
      fn: () => nav.prev(),
      autoRepeat: true,
    },
  ]
})

在配置时，你可以添加或者一些自定义的快捷键。例如，上面的配置为 enter 绑定了 前进 操作，为 backspace 绑定了 后退 操作。

有关默认快捷键和导航操作，请参阅 导航操作 部分。

键盘绑定格式

每个快捷键的 key 可以是字符串（例如 Shift+Ctrl+a）或 Vue computed 形式的布尔值。请参考 VueUse 的 useMagicKeys 以获取更多细节。