• 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);  
  • 相关阅读:
    Auth模块使用方法大全
    正则模块
    Django实现Rbac权限管理
    Django models中关于blank与null的补充说明
    Laravel日常使用总结
    关闭IIS开启自启
    phpstorm常用快捷键
    将程序sublime添加到右键菜单中
    form表单利用iframe高仿ajax
    PHP生成二维码,PHPQRCode
  • 原文地址:https://www.cnblogs.com/yzadd/p/6494769.html
Copyright © 2020-2023  润新知