useWindowsFocus

使用 window.onfocus and window.onblur 事件跟蹤頁面焦點

Usage

Live Editor

function Demo() {
  const focus = useWindowsFocus();
  return (
    <div>
      <p>
        {focus
          ? "💡 點擊文檔外的某處以取消聚焦。"
          : "ℹ 標籤未聚焦"}
      </p>
    </div>
  );
};
Result

API

useWindowsFocus

Returns

boolean: 窗口是否聚焦

Arguments

參數名描述類型預設值
defauleValue默认值boolean | undefined-