移动端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);
上一篇 HTML5移动页面自适应手机屏幕方法
下一篇 Layer For Mobile 移动端弹出层
目录
文章列表
1 Dubbo 与 Spring Cloud 完美结合
Dubbo 与 Spring Cloud 完美结合
2
跨浏览器Html页面及图像灰度(grayscale)
跨浏览器Html页面及图像灰度(grayscale)
3
TinkerPatch基本使用步骤
TinkerPatch基本使用步骤
4
TestNG套件测试
TestNG套件测试
5
Swift - 控制流及控制结构说明(if,switch,for,while)
Swift - 控制流及控制结构说明(if,switch,for,while)
最新评论
一位WordPress评论者
一位WordPress评论者
2月12日
您好,这是一条评论。若需要审核、编辑或删除评论,请访问仪表盘的评论界面。评论者头像来自 Gravatar。