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>

仅供参考!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值