推广 热搜: 劳务  海南  2024  合同  江苏  云南  劳务系统  2023  劳务派遣管理软件  劳务派遣管理系统 

论移动站点点击事件的实现

   2024-06-10 190
核心提示:p由于移动站使用click的话会出现延迟一般都是用touchstart和touchend2个方法来实现模拟touch站的点击事件。1.touchstart:在这个
<p>由于移动站使用click的话会出现延迟一般都是用touchstart和touchend2个方法来实现模拟touch站的点击事件。1.touchstart:在这个dom(或冒泡到这个dom,这当然是废话)上手指触摸开始即能触发2.click:在这个dom(或冒泡到这个dom,这当然是废话)上手指触摸开始,且手指未曾在屏幕上移动(某些浏览器允许移动一个非常小的位移值),且在这个在这个dom上手指离开屏幕,且触摸和离开屏幕之间的间隔时间较短(某些浏览器不检测间隔时间,也会触发click)才能触发于是我们可以看到,完全用touchstart代替是不太可取的。下面在看下这张图这里介绍了点击移动用移动站的方法,我们用touchstart和touchedn中间的时间间隔和移动的位置判断是否是点击,也就是说如果touchstart与touchend之间的间隔小于大概200ms那么久可以认为是点击,这样的话是比click快的。于是我们就写这样的方法来模拟click事件:vard1,d2;document.getElementById("imgcode").addEventListener('touchstart',function(){d1=newDate().getTime();})document.getElementById("imgcode").addEventListener('touchend',function(){d2=newDate().getTime();if(d2-d1<=200){document.getElementById("imgcode").src="http://www.gift4biz.com/skin/default/image/nopic.gif"+Math.random()*1000;}})我这边是用touchstart与touchend替换click时间点击更换验证码的方法。本文由起航劳务派遣系统编辑所撰,如若转载请注明出处。</p>
 
反对 0举报 0 收藏 0 打赏 0评论 0
 
更多>同类资讯
推荐图文
推荐资讯
点击排行
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  粤ICP备18079127号  |  粤ICP备18079127号