zoukankan      html  css  js  c++  java
  • js IdleDetector 检测用户是否处于活动状态API

    btn.addEventListener("click", async () => {
      try {
        const state = await Notification.requestPermission();
        if (state !== "granted") {
          // Need to request permission first.
          return console.log("Idle detection permission not granted.");
        }
    
        const controller = new AbortController();
        const signal = controller.signal;
    
        // 创建空闲检测器
        const idleDetector = new IdleDetector();
    
        // 设置一个事件侦听器,该侦听器在空闲状态更改时触发。
        idleDetector.addEventListener("change", () => {
          const uState = idleDetector.userState;  // 是否活动状态
          const sState = idleDetector.screenState; // 是否锁屏
          console.log(`Idle change: %s, %s.`, uState, sState);
        });
    
        // 启动空闲检测器。
        await idleDetector.start({
          threshold: 60000, // 最小值为60,000毫秒(1分钟)
          signal,
        });
    
        // 中断检测
        // controller.abort();
      } catch (error) {
        console.error("[IdleDetector] Error: %s", error.message);
      }
    });
    
  • 相关阅读:
    事件基础(一)
    添加/删除子元素的笔记
    面向对象的三大特性
    初识面向对象
    异常处理
    模块和包
    Python中常用模块一
    递归函数
    内置函数、匿名函数
    迭代器,生成器
  • 原文地址:https://www.cnblogs.com/ajanuw/p/13796610.html
Copyright © 2011-2022 走看看