移动端click有300秒卡顿fastclick.js

本文介绍了解决H5小游戏在移动端出现的点击延迟问题。通过分析移动端点击事件的响应顺序,提出使用fastclick.js库来消除300ms的点击延迟。此方案能够显著提升用户体验。

在做h5小游戏时发现,当在手机端,快速点击的时候,第二次点击,无响应

原因:click移动端300秒卡顿

解决方案 :

引用 加载“fastclick.js”

代码中写

$(function() {  
    FastClick.attach(document.body);  
});  

下载路径https://github.com/ftlabs/fastclick

 

tip:

触摸时间的响应顺序

1、ontouchstart 
2、ontouchmove 
3、ontouchend 
4、onclick

解决300ms延迟的问题,也可以通过绑定ontouchstart事件,加快对事件的响应,个人更倾向于使用“fastclick.js”

 

转载于:https://my.oschina.net/u/1428820/blog/1505335

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值