useWindowsFocus

使用 window.onfocus and window.onblur 事件跟踪页面焦点

Usage

实时编辑器

function Demo() {
  const focus = useWindowsFocus();
  return (
    <div>
      <p>
        {focus
          ? "💡 点击文档外的地方来失去焦点。"
          : "ℹ 标签页失去焦点"}
      </p>
    </div>
  );
};

结果

💡 点击文档外的地方来失去焦点。

API

useWindowsFocus

Returns

boolean: 窗口是否聚焦

Arguments

参数名	描述	类型	默认值
defauleValue	默认值	boolean | undefined	-