美文网首页
移动端click事件的延迟响应

移动端click事件的延迟响应

作者: 大道路漫漫 | 来源:发表于2016-09-23 18:23 被阅读0次

在手机WEB端,click会有 200~300 ms

</br>
处理方式:
github上有一个叫做fastclick的库,它也能规避移动设备上click事件的延迟响应,https://github.com/ftlabs/fastclick

将它用script标签引入页面(该库支持AMD,于是你也可以按照AMD规范,用诸如require.js的模块加载器引入),并且在dom ready时初始化在body上,如:

$(function() {

    newFastClick(document.body);

})

然后给需要“无延迟点击”的元素绑定click事件(注意不再是绑定zepto的tap事件)即可。
当然,你也可以不在body上初始化它,而在某个dom上初始化,这样,只有这个dom和它的子元素才能享受“无延迟”的点击

实践开发中发现,当元素绑定fastclick后,click响应速度比tap还要快一点点

相关文章

  • 请详解移动端点透,为什么会发生点透?描述发生的场景及解决方案

    提到移动端点透问题,就不得不先提到移动端的click事件300ms延迟问题 一、移动端click事件300ms延迟...

  • 移动端click事件的延迟响应

    在手机WEB端,click会有 200~300 ms 处理方式:github上有一个叫做fastclick的库,它...

  • 移动端兼容性问题解决方案

    1. IOS移动端click事件300ms的延迟响应 移动设备上的web网页是有300ms延迟的,玩玩会造成按钮点...

  • 移动端

    原生事件 因为click有300ms的延迟(用于判断是否长按),所以不建议在移动端使用click。移动端事件,主要...

  • vuejs移动端项目总结

    下面说一些我在写移动端项目时总结的经验: 我们知道移动端click点击事件有300s延迟,为了正常使用click,...

  • 移动端

    一click的300ms的延迟响应 Click事件在移动手机开发中有300ms的延迟,因为在手机早期,浏览器系统有...

  • 移动端事件

    一:理解click的300ms的延迟响应Click事件在移动手机开发中有300ms的延迟,因为在手机早期,浏览器系...

  • 移动端 FastClick

    处理移动端 click 事件 300 毫秒延迟, 由 FT Labs 开发,Github 项目地址:https:/...

  • js插件——fastclick.js

    处理移动端click事件 300 毫秒延迟, 由FT Labs开发,Github 项目地址:https://git...

  • Touch事件总结

    Touch对象--MDNTouchEvent--MDN 一、问题背景 click事件在移动端的300毫秒延迟问题 ...

网友评论

      本文标题:移动端click事件的延迟响应

      本文链接:https://www.haomeiwen.com/subject/pwntyttx.html