zoukankan      html  css  js  c++  java
  • JS 插件 fastclick.js 解决手机端click点击延迟

    FastClick 是一个简单,易于使用的JS库用于消除在移动浏览器上触发click事件与一个物理Tap(敲击)之间的300延迟。

    对于非移动浏览器不启作用,禁用缩放标签。

    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">

    引入插件步骤

      ①在HTML页面中添加

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

    注:必须在页面所有Element之前加载脚本文件先实例化fastclick


      ②在JS中添加fastclick的身体,推荐以下做法:

    1. if ('addEventListener' in document) {  
    2.     document.addEventListener('DOMContentLoaded', function() {  
    3.         FastClick.attach(document.body);  
    4.     }, false);  
    5. }  

      如果你使用了JQuery,那么JS引入就可以改用下面的写法:

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


      如果你使用Browserify或者其他CommonJS-style 系统,当你调用`require('fastclick')`时,`FastClick.attach`事件会被返回,加载FastClick最简单的方式就是下面的方法了:

      1. var attachFastClick = require('fastclick');  
      2. attachFastClick(document.body);  
  • 相关阅读:
    Objective-C Runtime 运行时之四:Method Swizzling
    App启动加载广告页面思路
    关于CoreData和SQLite多线程访问时的线程安全问题
    HIVE学习(待更新)
    流处理环境搭建
    CAJ2PDF
    ArcMap加载在线地图
    学习opencv(持续更新)
    风险和策略(待更新)
    区块链入门教程(转)
  • 原文地址:https://www.cnblogs.com/yzadd/p/6494769.html
Copyright © 2011-2022 走看看