博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
移动端tap事件的封装
阅读量:5113 次
发布时间:2019-06-13

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

/*封装tap*/cc.tap = function(dom,callback){    /*     * 要求  没有触发 touchmove 事件     *       并且响应速度要比click快    */    if(dom && typeof  dom == 'object'){        var isMove = false;        var startTime = 0;        dom.addEventListener('touchstart',function(e){            //console.log('touchstart');            //console.time('tap');/*记录tap这个参数现在的时间*/            startTime = Date.now();        });        dom.addEventListener('touchmove',function(e){            //console.log('touchmove');            isMove = true;        });        dom.addEventListener('touchend',function(e){            //console.log('touchend');            //console.timeEnd('tap')/*打印tap这个参数距离上一次记录的时候的时间*/            /*判读  是否满足tap 的要求  一般要求tap的响应时间150*/            if(!isMove && (Date.now()-startTime) < 150){                /*调用 callback*/                callback && callback(e);            }            /*重置 参数*/            isMove = false;            startTime = 0;        });    }}

这边进行封装的原因是click事件有一个延迟

转载于:https://www.cnblogs.com/199316xu/p/6479566.html

你可能感兴趣的文章
自定义文本选中样式
查看>>
python3 字符串/列表/元组(str/list/tuple)相互转换方法及join()函数的使用
查看>>
MySQL 数据库 的安装和基本管理
查看>>
note
查看>>
HTML5设备能否改变企业应用开发?
查看>>
uva 387 A Puzzling Problem (回溯)
查看>>
K均值算法实现
查看>>
如何把checkbox做成radio一样的单选效果
查看>>
ECshop 函数列表大全
查看>>
Tensorflow---Saver和restore的用法
查看>>
SharePoint2013打开管理表单模版 页面InfoPath 表单库的表单 (SharePoint 2013)
查看>>
Alpha版使用说明书
查看>>
css属性overflow:hidden在IE6、7下失效解决方案
查看>>
BIO、NIO、AIO的区别
查看>>
robotframework_酷我音乐_That Girl
查看>>
UI测试用例设计,场景测试法
查看>>
运用四色建模法进行领域分析
查看>>
运行级别,压缩命令,单引号与双引号运用
查看>>
3.mysql自增的字段如何重新派逊
查看>>
洛谷 P2947 [USACO09MAR]向右看齐Look Up
查看>>