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);  
原文地址:https://www.cnblogs.com/yzadd/p/6494769.html