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);  
  • 相关阅读:
    2016/05/16 thinkphp3.2.2 验证码使用
    2016/05/16 UEditor 文本编辑器 使用教程与使用方法
    2016/05/15 ThinkPHP3.2.2 表单自动验证实例 验证规则的数组 直接写在相应的控制器里
    DropzoneJS 使用指南
    MVC设计模式
    Smarty 配置文件的读取
    会话控制
    JS中的call和apply
    CSS选择器
    XML
  • 原文地址:https://www.cnblogs.com/yzadd/p/6494769.html
Copyright © 2011-2022 走看看