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
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>

仅供参考!!!

上一篇:vue ssr 配合Java的Javascript引擎nashorn实现服务端渲染


下一篇:AChartEngine高级应用之CombinedXYChart(组合统计图)在单个统计图上显示多样化的数据...