onStartTyping

v0.0.14testeddemo

Fires the callback when the user starts typing on a non-editable element, ideal for auto-focusing a search box.

Examples

const input = useTemplateRef('input');
onStartTyping(() => {
  if (document.activeElement !== input.value)
    input.value?.focus();
});

// stop listening manually
const stop = onStartTyping(() => openSearch());
stop();

Loading demo…

export function onStartTyping(
  callback: (event: KeyboardEvent) => void,
  options: OnStartTypingOptions ={ ... }

Parameter	Type	Default	Description
`callback`	`(event: KeyboardEvent) => void`	—	Invoked with the originating `keydown` event
`options`?	`OnStartTypingOptions`	`{}`	Options

OnStartTypingReturnA function that detaches the keydown listener