useIdle

跟蹤頁面上的用戶是否處於空閒狀態。

Usage

即時編輯器

function Demo() {
  const isIdle = useIdle(3e3);

  return (
    <div>
      <div>用戶是否空闒：{isIdle ? "是的 😴" : "不是"}</div>
    </div>
  );
};

結果

用戶是否空闒：不是

API

UseIdle

Returns

boolean: 是否處於空閒

Arguments

參數名	描述	類型	預設值
ms	检测时间	number | undefined	60e3
initialState	初始值	boolean | undefined	false
events	监听的事件	(keyof WindowEventMap)[] | undefined	["mousemove","mousedown","resize","keydown","touchstart","wheel"]