移动端HTML5页面功能之点击和长按事件

移动端HTML5页面开发常见的需求：长按识别图中二维码

//点击事件
document.addEventListener("click", function() {
  document.getElementById("mask").style.display = "block";
}, false)

//记录短按及长按事件
document.getElementById("mask").addEventListener('touchstart', function(event) {
  timestamp = (new Date()).valueOf();
}, false);

document.getElementById("mask").addEventListener('touchend', function(event) {
  let current = (new Date()).valueOf();
  if (current - timestamp < 1000) {  //1000ms内为短按
    document.getElementById("mask").style.display = 'none'
  } else {  //长按

  }
}, false);