useHeldKeys

function useHeldKeys(): string[];

Defined in: useHeldKeys.ts:26

Preact hook that returns an array of currently held keyboard keys.

This hook uses useSelector from @tanstack/preact-store to subscribe to the global KeyStateTracker and updates whenever keys are pressed or released.

Returns#

string[]

Array of currently held key names

Example#

function KeyDisplay() {
  const heldKeys = useHeldKeys()

  return (
    <div>
      Currently pressed: {heldKeys.join(' + ') || 'None'}
    </div>
  )
}