博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
模拟长按事件
阅读量:6603 次
发布时间:2019-06-24

本文共 846 字,大约阅读时间需要 2 分钟。

如果你想在监测到用户在微信浏览器中长按图片的动作并进行统计,可以使用以下方法:

let $div = document.getElementById('divContent');let startTime = 0;$div.addEventListener('touchstart', function () {    startTime = +new Date();})$div.addEventListener('touchend', function () {    let endTime = +new Date();    if (endTime - startTime > 600) {        //你的操作    }})

但是这种方法在安卓微信浏览器中,当touchstart事件持续到弹出选择框后,touchend事件会被中断,所以可以采取下一种方法:

let $div = document.getElementById('divContent');let startTime = false;$div.addEventListener('touchstart', function () {    startTime = true;    setTimeout(function(){        if (startTime) {            console.log('已长按')        } else {            console.log('没长按')        }        startTime = false;    }, 500)})$div.addEventListener('touchend', function () {    startTime = false;})$div.addEventListener('touchmove', function () {    startTime = false;})

转载地址:http://hdwso.baihongyu.com/

你可能感兴趣的文章
Firefox又回来了
查看>>
CentOS7安装Redis4.0.2
查看>>
Docker多步构建更小的Java镜像
查看>>
如何实现前端微服务化
查看>>
ios 设备信息获取
查看>>
Javascript之类数组转换为数组
查看>>
博客分享
查看>>
linux文件管理
查看>>
ReactNative入门教程-组件生命周期函数
查看>>
巧用array_map()和array_reduce()替代foreach循环
查看>>
jfinal ajax post方式提交 后台接收不到数据bug处理及解析
查看>>
mysql中You can’t specify target table for update in FROM clause错误解决方法
查看>>
<input type="button">点击事件同步控制
查看>>
Connection reset
查看>>
Centos7配置网络
查看>>
基于容器的全链路运维平台实践
查看>>
12.13 Nginx防盗链 12.14 Nginx访问控制 12.15 Nginx解析php相关配置 12.16 Nginx代理
查看>>
芝麻HTTP:非关系型数据库存储
查看>>
spring所创建的bean的作用域
查看>>
spring的事务管理--idea实现
查看>>