美文网首页
fastclick解决移动端300ms延时

fastclick解决移动端300ms延时

作者: ismyshellyiqi | 来源:发表于2018-03-09 10:02 被阅读0次
    • FastClick 不会伴随监听任何桌面浏览器(移动端click事件300ms延时)
    • Android 系统中,在头部 meta 中设置 width=device-width 的Chrome32+ 浏览器不存在300ms 延时,所以,也不需要
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    • 同样的情况也适用于 Android设备(任何版本),在viewport 中设置 user-scalable=no,但这样就禁止缩放网页了
    • IE11+ 浏览器中,你可以使用 touch-action: manipulation; 禁止通过双击来放大一些元素(比如:链接和按钮)。IE10可以使用 -ms-touch-action: manipulation
    1. es6的模块(common.js的方式引入
    import FastClick from 'fastclick'
    //let  FastClick = require('fastclick');
    if ('addEventListener' in document) {
        document.addEventListener('DOMContentLoaded', function() {
            FastClick.attach(document.body);
        }, false);
    }
    
    1. js外部文件
    <script src='path/fastclick.js'></script>  
    
    //原生js
    if ('addEventListener' in document) {
        document.addEventListener('DOMContentLoaded', function() {
            FastClick.attach(document.body);
        }, false);
    }
    //使用jquery
    $(function() {
        FastClick.attach(document.body);
    });
    

    相关文章

      网友评论

          本文标题:fastclick解决移动端300ms延时

          本文链接:https://www.haomeiwen.com/subject/nhcpfftx.html