分享一个移动项目中消除click事件点击延迟的方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了分享一个移动项目中消除click事件点击延迟的方法相关的知识,希望对你有一定的参考价值。

对于前端工程师来说,apicloud无疑给我们提供了很好的平台,有各种各样的模块供我们使用,但是在实际项目的时候,很大部分的代码,还是需要我们用html css js来实现的。但是呢,移动端页面对于click事件会有 300 毫秒的延迟,导致多数用户感觉移动设备上基于 HTML 的 web 应用界面响应速度慢。

在这里推荐一个简单易用的 js库,用来消除界面中的click事件造成的延迟。
https://github.com/ftlabs/fastclick

目前,亲测在iphone表现很完美。

如果你用在android设备的Web View里使用,会产生用户本来只想滑动却误点的Bug,因为Android机器性能就参差不齐,而且APK包自带的那个浏览器很渣。所以如果使用FastClick,最好做个判断,不要用在Android APK里面。(这个是在网上看到的,所以在安卓设备里,慎用,如果真要用的话,用以前最好自己也多测试下)

 

相关技术文档:http://www.apicloud.com/index?uzchannel=3

免费1对1梳理APP需求:http://app.apicloud.com/RequirementDescription

推荐项目送macbook、iphone7等大礼:http://community.apicloud.com/bbs/forum.php?mod=viewthread&tid=44433

 

技术分享












以上是关于分享一个移动项目中消除click事件点击延迟的方法的主要内容,如果未能解决你的问题,请参考以下文章

解决click事件300ms延迟

fastclick消除移动端点击事件延迟

移动端项目经验 JavaScript

移动端触屏click点击事件延迟问题,以及tap的解决方案

解决在移动端上 click事件延迟300 毫秒的问题 fastclick.js

解决click事件在移动端操作延迟300ms问题和点击时穿透问题