js如何检测用户有没有在操作

tangchangcai.

于 2018-03-03 23:13:19 发布

阅读量3k

点赞数

CC 4.0 BY-SA版权

分类专栏： js jQuery

本文链接：https://blog.youkuaiyun.com/tangcc110/article/details/79433836

js 同时被 2 个专栏收录

50 篇文章

订阅专栏

jQuery

18 篇文章

订阅专栏

本文介绍了一种在HTML中实现事件监听并结合计时功能的方法。通过绑定多种事件（如点击、键盘输入等），该方法能够监测用户的活跃状态，并在设定的时间内没有操作时采取相应措施。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

将事件绑定在html中，然后通过各种事件的触发还判断用户是否有操作

(function($){
  funObj = {
    timeUserFun:'timeUserFun',
  }
  $[funObj.timeUserFun] = function(time){
    var time = time || 2;
    var userTime = time;
    var objTime = {
      init:0,
      time:function(){
        objTime.init += 1;
        if(objTime.init == userTime){
          // if(conditions()){
          //   myfn(time);
          // }
        }
      },
      eventFun:function(){
        clearInterval(testUser);
        objTime.init = 0;
        testUser = setInterval(objTime.time,1000);
      }
    }

    var testUser = setInterval(objTime.time,1000);

    var body = document.querySelector('html');
    body.addEventListener("click",objTime.eventFun);
    body.addEventListener("keydown",objTime.eventFun);
    body.addEventListener("mousemove",objTime.eventFun);
    body.addEventListener("mousewheel",objTime.eventFun);
  }
})(window)


// 直接调用 参数代表分钟数,可以有一位小数;
timeUserFun(5);

以上代码是参考，有空会完善