首页 / JAVASCRIPT / JS移动端click事件延时解决方案

JS移动端click事件延时解决方案

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JS移动端click事件延时解决方案，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含629字，纯文字阅读大概需要1分钟。

内容图文

移动端click事件会有300ms的延迟，原因是移动端屏幕双击会缩放(double tap zoom)页面！

1.禁用缩放

通过禁用浏览器默认的双击缩放行为并且去掉300ms的点击延迟
缺点:如果有网页在移动端需要进行缩放，就无法正常缩放

<meta name="viewport" content="user-scalable=no"/>

2.使用FastClick插件

github地址: http://github.com/ftlabs/fastclick/
gtiee地址:https://gitee.com/mirrors/fastclick?_from=gitee_search
JS移动端click事件延时解决方案 - 文章图片
JS移动端click事件延时解决方案 - 文章图片
引入文件，按照作者的语法规范进行使用
JS移动端click事件延时解决方案 - 文章图片

  <script src="fastclick.js"></script>

 <script>
          if ('addEventListener' in document) {
              document.addEventListener('DOMContentLoaded', function() {
                  FastClick.attach(document.body);
              }, false);
          }
      </script>

仅供参考！！！

内容总结

以上是互联网集市为您收集整理的JS移动端click事件延时解决方案全部内容，希望文章能够帮你解决JS移动端click事件延时解决方案所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1012073.html

来源：【匿名】