配置快捷键

自 v0.20 起可用

环境: client
此配置仅在客户端环境下运行。在引入包时,请确保浏览器的兼容性。

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

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

export default defineShortcutsSetup((nav: NavOperations) => {
  return [
    {
      key: 'enter',
      fn: () => nav.next(),
      autoRepeat: true,
    },
    {
      key: 'backspace',
      fn: () => nav.prev(),
      autoRepeat: true,
    },
  ]
})

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

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

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