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	-