zoukankan      html  css  js  c++  java
  • 解决移动端click点击问题

    下载地址:https://github.com/ftlabs/fastclick

    1,为什么移动端点击会有300ms的延迟呢?

    从点击屏幕上的元素到触发元素的 click 事件,移动浏览器会有大约 300 毫秒的等待时间。这是因为浏览器想看看你是不是要进行双击(double tap)操作。

    2,兼容性

    • iOS 3及更高版本的移动Safari
    • iOS 5及更高版本的Chrome
    • Android上的Chrome(ICS)
    • Opera Mobile 11.5及以上版本
    • Android 2以来的Android浏览器
    • PlayBook OS 1及以上版本

    3,如何使用

    <script type='application/javascript' src='/path/to/fastclick.js'></script>

    调用方法:

     a,原生js

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

    b,jquery

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

    c,common js方法

    var attachFastClick = require('fastclick');
    attachFastClick(document.body);

    d,AMD

    var FastClick = require('fastclick');
    FastClick.attach(document.body, options);
    A journey of a thousand miles begins with a single step!
  • 相关阅读:
    模板为webpack的目录结构
    实例和内置组件
    微信小程序之富文本解析
    微信小程序获取输入框(input)内容
    for循环的语法和执行顺序
    循环
    选择结构(二)
    选择结构
    算术运算
    变量
  • 原文地址:https://www.cnblogs.com/qingfengweb/p/6673666.html
Copyright © 2011-2022 走看看