1---
2category: Sensors
3---
4 
5# onStartTyping
6 
7Fires when users start typing on non-editable elements. Useful for auto-focusing an input field when the user starts typing anywhere on the page.
8 
9## Usage
10 
11```vue
12<script setup lang="ts">
13import { onStartTyping } from '@vueuse/core'
14import { useTemplateRef } from 'vue'
15 
16const input = useTemplateRef('input')
17 
18onStartTyping(() => {
19  if (!input.value.active)
20    input.value.focus()
21})
22</script>
23 
24<template>
25  <input ref="input" type="text" placeholder="Start typing to focus">
26</template>
27```
28 
29## How It Works
30 
31The callback only fires when:
32 
33- No editable element (`<input>`, `<textarea>`, or `contenteditable`) is focused
34- The pressed key is alphanumeric (A-Z, 0-9)
35- No modifier keys (Ctrl, Alt, Meta) are held
36 
37This allows users to start typing anywhere on the page without accidentally triggering the callback when using keyboard shortcuts or interacting with form fields.
38 
39## Type Declarations
40 
41```ts
42/**
43 * Fires when users start typing on non-editable elements.
44 *
45 * @see https://vueuse.org/onStartTyping
46 * @param callback
47 * @param options
48 */
49export declare function onStartTyping(
50  callback: (event: KeyboardEvent) => void,
51  options?: ConfigurableDocument,
52): void
53```
54