1---
2category: Elements
3---
4 
5# useWindowFocus
6 
7Reactively track window focus with `window.onfocus` and `window.onblur` events.
8 
9## Usage
10 
11```vue
12<script setup lang="ts">
13import { useWindowFocus } from '@vueuse/core'
14 
15const focused = useWindowFocus()
16</script>
17 
18<template>
19  <div>{{ focused }}</div>
20</template>
21```
22 
23## Component Usage
24 
25```vue
26<template>
27  <UseWindowFocus v-slot="{ focused }">
28    Document Focus: {{ focused }}
29  </UseWindowFocus>
30</template>
31```
32 
33## Type Declarations
34 
35```ts
36/**
37 * Reactively track window focus with `window.onfocus` and `window.onblur`.
38 *
39 * @see https://vueuse.org/useWindowFocus
40 *
41 * @__NO_SIDE_EFFECTS__
42 */
43export declare function useWindowFocus(
44  options?: ConfigurableWindow,
45): ShallowRef<boolean>
46```
47