javascript - 如何检测触摸屏被按下超过 2 秒？

Question

使用 Google Chrome 和 Canary。

如何检测触摸屏按下时间是否超过 2 秒？ (使用鼠标可以工作，但使用真实触摸屏则失败，在 Surface pro 3 上测试)

$(document).ready(function() {

  var clickstart;
  var clickstop;

  $(document).bind('contextmenu', function()  {
    console.log('Touch screen, has no right click.');
    return false;
  });

  $(document).mousedown( function() {
    return false; 
  });

  // With USB mouse pointer it works, but with real-touch screen its not working
  $('#vip_anytime').on('mousedown', function(e) {    
      clickstart = e.timeStamp;
  }).on('mouseup', function(e) {
      clickstop = e.timeStamp- clickstart;
      if(clickstop >= 2000) {
        console.log('>>> After 2 second of hold');
      } else { 
        console.log('>>> Before 2 second of hold');
      }
  });

});

Answer 1

尝试 touchstart 和 touchend 事件。

    $('#vip_anytime').on('touchstart', function(e) {    
        clickstart = e.timeStamp;
    }).on('touchend', function(e) {
        clickstop = e.timeStamp- clickstart;
        if(clickstop >= 2000) {
          console.log('>>> After 2 second of hold');
        } else { 
          console.log('>>> Before 2 second of hold');
        }
    });