其他分享
首页 > 其他分享> > JS移动端click事件延时解决方案

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

作者:互联网

移动端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
在这里插入图片描述
在这里插入图片描述
引入文件,按照作者的语法规范进行使用
在这里插入图片描述

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

仅供参考!!!

标签:移动,缩放,JS,300ms,延时,双击,gitee,document,click
来源: https://blog.csdn.net/qq_44920883/article/details/115642122