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);  
  • 相关阅读:
    Android_程序未处理异常的捕获与处理
    instanceof关键字
    乐优商城项目爬坑
    [LeetCode]Isomorphic Strings
    [LeetCode]Contains Duplicate II
    [LeetCode]Valid Sudoku
    [LeetCode]Valid Anagram
    [LeetCode]Contains Duplicate
    [LeetCode]Single Number
    [LeetCode]Valid Number
  • 原文地址:https://www.cnblogs.com/yzadd/p/6494769.html
Copyright © 2011-2022 走看看