Hotkeys Docs
API Reference
Hotkeys API Reference
- HotkeyManager
- getHotkeyManager
- Hotkey
- HotkeyChord
- HotkeySequence
- RegisterableHotkey
- RegisterableHotkeyChord
- RegisterableHotkeySequence
- RawHotkeyChord
- HotkeyOptions
- HotkeyChordOptions
- HotkeySequenceOptions
- HotkeyOptionsFor
- HotkeyRegistrationHandle
- HotkeyRegistrationView
- HotkeyChordRegistrationView
- HotkeySequenceRegistrationView
- toHotkeyRegistrationView
- HotkeyCallback
- HotkeyCallbackContext
- HotkeyChordCallbackContext
- HotkeySequenceCallbackContext
- HotkeyCallbackContextFor
- HotkeyMeta
- ConflictBehavior
- isHotkeySequence
- simplifyHotkey
- createSequenceMatcher
- DEFAULT_SEQUENCE_TIMEOUT
- createHotkey
- createHotkeyAttachment
- createHotkeys
- createHotkeysAttachment
- getDefaultHotkeysOptions
- getHotkeyRegistrations
- getHotkeysContext
- setHotkeysContext
- HotkeysContextOptions
- HotkeysProviderOptions
- HotkeysProviderProps
- SvelteHotkeyRegistrations
- CreateHotkeyChordOptions
- CreateHotkeyCommonOptions
- CreateHotkeyDefinition
- CreateHotkeyOptions
- CreateHotkeyOptionsFor
- CreateHotkeySequenceOptions
- CreateHotkeyTarget
- DEFAULT_OPTIONS
- HotkeysProvider
App Hotkeys API Reference
- defineAppHotkeys
- AppHotkeysStore
- provideAppHotkeys
- publishAppHotkeysStore
- AppHotkey
- AppHotkeyInput
- AppHotkeyOptions
- AppHotkeyListItem
- AppHotkeyStatus
- AppHotkeysState
- AppHotkeysStoreOptions
- CustomHotkeys
- Register
- AppHotkeyId
- RegisteredAppHotkeys
- isAppHotkey
- isCustomHotkey
- resolveAppHotkey
- getAppHotkeyList
- getAppHotkeys
- getCustomHotkeys
- SvelteAppHotkeyList
- SvelteAppHotkeys
- SvelteCustomHotkeys
- CreateAppHotkeyOptions
Key hold & held keys API Reference
Hotkey Recorder API Reference
- HotkeyRecorder
- HotkeyRecorderOptions
- HotkeyChordRecorderOptions
- HotkeySequenceRecorderOptions
- HotkeyRecorderState
- HotkeyRecorderCommitKeys
- HotkeyRecorderValidationContext
- HotkeyChordRecorderValidationContext
- HotkeySequenceRecorderValidationContext
- RecorderOptions
- RecorderRejection
- RecorderKeyMode
- findHotkeyConflicts
- HotkeyConflict
- HotkeyConflictOptions
- createHotkeyRecorder
- SvelteHotkeyRecorder
Normalization & format API Reference
- formatForDisplay
- FormatDisplayOptions
- DisplayHotkey
- DisplayHotkeyChord
- formatHotkey
- normalizeHotkey
- parseHotkey
- parseKeyboardEvent
- ParsedHotkeyChord
- matchesKeyboardEvent
- areHotkeysEqual
- validateHotkey
- checkHotkey
- assertValidHotkey
- ValidationResult
- ValidatableHotkey
- LogicalKey
- PhysicalKey
- PhysicalKeyCode
- KEY_DISPLAY_SYMBOLS
- PUNCTUATION_KEY_DISPLAY_LABELS
- MAC_MODIFIER_SYMBOLS
- MAC_MODIFIER_LABELS
- WINDOWS_MODIFIER_LABELS
- LINUX_MODIFIER_LABELS
- MODIFIER_ALIASES
- MODIFIER_ORDER
- MODIFIER_KEYS
AI/LLM: This documentation page is available in plain markdown format at/hotkeys/latest/docs/framework/svelte/reference/functions/createHotkeyAttachment.md
Hotkeys API Reference
createHotkeyAttachment
Call Signature#
ts
function createHotkeyAttachment<T>(
hotkey,
callback,
options?): Attachment<HTMLElement>;Defined in: packages/svelte-hotkeys/src/createHotkey.svelte.ts:94
Create an attachment for an element-scoped hotkey: a chord, a sequence, or an app hotkey that listens on the attached element.
Type Parameters#
T#
T extends AppHotkey<string, HotkeyChord | HotkeySequence | null>
Parameters#
hotkey#
MaybeGetter<T>
callback#
HotkeyCallback
options?#
MaybeGetter<CreateAppHotkeyOptions<T>>
Returns#
Attachment<HTMLElement>
Example#
svelte
<script lang="ts">
const saveKey = createHotkeyAttachment('Mod+S', () => save())
</script>
<div tabindex="0" {@attach saveKey}>Editor content</div>Call Signature#
ts
function createHotkeyAttachment<T>(
hotkey,
callback,
options?): Attachment<HTMLElement>;Defined in: packages/svelte-hotkeys/src/createHotkey.svelte.ts:99
Create an attachment for an element-scoped hotkey: a chord, a sequence, or an app hotkey that listens on the attached element.
Type Parameters#
T#
T extends RegisterableHotkey
Parameters#
hotkey#
MaybeGetter<T>
callback#
HotkeyCallback<HotkeyCallbackContextFor<T>>
options?#
MaybeGetter<AdapterOptionsFor<T, CreateHotkeyTarget>>
Returns#
Attachment<HTMLElement>
Example#
svelte
<script lang="ts">
const saveKey = createHotkeyAttachment('Mod+S', () => save())
</script>
<div tabindex="0" {@attach saveKey}>Editor content</div>