使用javascript检测触摸设备上的不活动状态

时间:2018-10-04 14:19:46

标签: javascript jquery

我一直在研究并找到可在用户闲置x倍的时间后检测到非活动状态(当用户不触摸屏幕时)的代码,这在使用鼠标时非常有效,但是当我尝试在触摸时使用它时屏幕设备,它无法检测到我的手指或工作。我添加了很多DOM事件,例如“ touchstart ”,“ touchmove ”,“ touchend ”,“ touchcancel < / strong>”和其他选项,但它们似乎也不起作用。这是我的代码

var idleTime = 0;
    $(document).ready(function () {
      //Increment the idle time counter every minute.
      var idleInterval = setInterval(timerIncrement, 3000); 

      //Zero the idle timer on mouse movement.
      $(this).mousemove(function (e) {
        idleTime = 0;
      });
      $(this).keypress(function (e) {
        idleTime = 0;
      });
    });

    function timerIncrement() {
      idleTime = idleTime + 1;
      if (idleTime > 1) { 
        alert("ok");
      }
    }

2 个答案:

答案 0 :(得分:2)

我将调整计时器(您说过要每分钟更新一次,但是将setInterval设置为3000毫秒,我将尝试使用此方法:

var idleTime = 0;
$(document).ready(function () {
  //Increment the idle time counter every minute.
  var idleInterval = setInterval(timerIncrement, 60000); 

  //Zero the idle timer on mouse movement.
  $(this).mousemove(function (e) {
    idleTime = 0;
  });
  $(this).keypress(function (e) {
    idleTime = 0;
  });
  //Zero the idle timer on touch events.
  $(this).bind('touchstart', function(){
   idleTime = 0;
  });
  $(this).bind('touchmove', function(){
   idleTime = 0;
  });
});

function timerIncrement() {
  idleTime = idleTime + 1;
  if (idleTime > 1) { 
    alert("ok");
  }
}

答案 1 :(得分:0)

尝试添加此代码:

while (true) { var result = karate.call('extractProgress.feature') packageid; -- package id