Konfiguriere Shortcuts

Available since v0.20

Umgebung: client
Diese Konfigurationsfunktion läuft nur auf dem Client. Stelle sicher, dass Browserkompatibilität gegeben ist, wenn Packages importiert werden.

Erstelle eine ./setup/shortcuts.ts Datei mit dem folgendem Inhalt:

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,
    },
  ]
})

Mit diesem Setup können eigene Einstellungen für Tastenkürzel aus Navigationen definiert werden. Das obige Beispiel führt die nächste Animation aus, wenn enter gedrückt wird und die letzte Animation, wenn backspace gedrückt wird.

Die Konfigurations-Funktion bekommt ein Objekt mit den Navigationsmethoden und gibt einen Array, welcher die Tastenkürzel und Konfigurationen enthält zurück. Weitere Informationen sind in den Typdefinitionen zu finden.

Siehe useMagicKeys | VueUse für mehr Informationen über das keyPressed Event.