HTML5技术

移动端tap事件的封装 - 一混五六年

字号+ 作者:H5之家 来源:H5之家 2017-02-28 18:00 我要评论( )

cc.tap = function (dom,callback){ /* * 要求 没有触发 touchmove 事件*并且响应速度要比click快 */ if (dom typeof dom == 'object' ){ var isMove = false ; var startTime = 0 ;dom.addEventListener( 'touchstart', function (e){ startTime = Date.now

cc.tap = function(dom,callback){ /* * 要求 没有触发 touchmove 事件 * 并且响应速度要比click快 */ if(dom && typeof dom == 'object'){ var isMove = false; var startTime = 0; dom.addEventListener('touchstart',function(e){ startTime = Date.now(); }); dom.addEventListener('touchmove',function(e){ //console.log('touchmove'); isMove = true; }); dom.addEventListener('touchend',function(e){ (!isMove && (Date.now()-startTime) < 150){ callback && callback(e); } isMove = false; startTime = 0; }); } }

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

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 从SHAttered事件谈安全 - 阿里聚安全

    从SHAttered事件谈安全 - 阿里聚安全

    2017-02-28 12:00

  • Omi教程-生命周期和事件处理 - 【当耐特】

    Omi教程-生命周期和事件处理 - 【当耐特】

    2017-02-23 12:00

  • 移动端bug之解决方式 - 熊翠

    移动端bug之解决方式 - 熊翠

    2017-02-17 18:05

  • 移动端高清屏适配方案 - 光绪队长

    移动端高清屏适配方案 - 光绪队长

    2017-02-10 09:01

网友点评
/