useWindowFocus

类别

元素

导出大小

590 B

最后更改

3 周前

通过 window.onfocus 和 window.onblur 事件被动地跟踪窗口焦点。

演示

源代码

💡 点击文档外部的某个位置以取消焦点。

用法

import { useWindowFocus } from '@vueuse/core'

const focused = useWindowFocus()

组件用法

此函数还通过 @vueuse/components 包提供了一个无渲染组件版本。 了解更多关于用法的信息。

<template>
  <UseWindowFocus v-slot="{ focused }">
    Document Focus: {{ focused }}
  </UseWindowFocus>
</template>

类型声明

/**
 * Reactively track window focus with `window.onfocus` and `window.onblur`.
 *
 * @see https://vueuse.vuejs.ac.cn/useWindowFocus
 */
export declare function useWindowFocus(
  options?: ConfigurableWindow,
): ShallowRef<boolean>

来源

Source • Demo • Docs

贡献者

Anthony Fu

IlyaL

vaaski

Fernando Fernández

Anthony Fu

vaakian X

更新日志

v12.4.0 于 1/10/2025

dd316 - feat: 尽可能在任何地方使用被动事件处理程序 (#4477)

v12.0.0-beta.1 于 11/21/2024

0a9ed - feat!: 删除 Vue 2 支持，优化包并清理 (#4349)