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!
  • 相关阅读:
    lombok 的使用
    SpringData Redis 常见操作(基于模板类RedisTemplate )
    Django,静态文件配置
    django简介与MTV,MVC
    HTTP请求响应,及工作原理
    阿萨斯

    javastrip
    css
    html
  • 原文地址:https://www.cnblogs.com/qingfengweb/p/6673666.html
Copyright © 2011-2022 走看看