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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
//点击事件
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);

Powered by AppBlog.CN     浙ICP备14037229号

Copyright © 2012 - 2020 APP开发技术博客 All Rights Reserved.

访客数 : | 访问量 :