如何解决移动端300ms延迟？

版权声明：文章为原创作品，转载请注明出处 https://blog.csdn.net/weixin_43654258/article/details/86586485

好好学习 ，天天向上。Are you ready?

如何解决移动端300ms延迟？(点击穿透)

一、fastClick:
1.引入js文件
2. 设置

 $(function() {
            FastClick.attach(document.body);
        })


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

二、zepto：引入文件（主要看方法）

<script src="dist/zepto.js"></script>
<script src="dist/fx.js"></script>
<script src="dist/fx_methods.js"></script>
<script src="dist/touch-0.2.14.js"></script>
<script>
// $("#btn").on("click",function () {
//     $("#box").toggle(1000);
// })
//移动端tap事件代替click

$("#btn").on("touchend",function () {
    $("#box").animate({
        width:"300px",
        left:"300px"
    },1000);
})

三、touch：

不能使用zepto中的touch ,需要独自引入新的文件

四、设置meta标签：

1、更改默认的视口宽度
2、禁用缩放