javascript - 快速点击指令JS

标签 javascript fastclick.js fastclick

我正在尝试让 fastclick.js 为我工作,以消除点击时 300 毫秒的延迟。由于某种原因,这对我不起作用。我将展示为重现该问题而采取的所有步骤。我真的很感激有人告诉我我哪里出了问题。谢谢!

  1. 下载 fastclick.js点击“下载 zip”

  2. 将 zip 文件解压到我的项目中

  3. 添加<script type='application/javascript' src='fastclick.js'></script>

  4. 然后,添加以下代码:

    if ('addEventListener' in document) {
        document.addEventListener('DOMContentLoaded', function() {
            FastClick.attach(document.body);
        }, false);
        }
    
  5. 最后,运行项目,您会注意到控制台显示“FastClick 未定义”,并且 300 毫秒的问题仍然存在

感谢您的宝贵时间。如果有人完成在 javascript 代码中包含 fastclick 的步骤,我将不胜感激。

最佳答案

我假设您以错误的顺序添加脚本。确保<script type='application/javascript' src='fastclick.js'></script>在您的<script type='application/javascript' src='main.js'></script>之前.

我使用文件名main.js表示保存您的代码的 javascript 文件。您可能给它起了一个不同的名称,例如 myJavascriptFile.js .

<html>
  <script type='application/javascript' src='fastclick.js'></script>
  <script type='application/javascript' src='main.js'></script>
</html>

如果这不起作用,那么您的源路径可能是错误的。所有文件应位于同一文件夹中,否则您需要更改 src路径。

编辑:

这是一个示例 index.html 文件。

<html>
<body>
  <div id="Console"></div>

  <!--<script type='application/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.min.js'></script>-->
  <script type='application/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.js'></script>
  <script>
    if ('addEventListener' in document) {
      document.addEventListener('DOMContentLoaded', function() {
        FastClick.attach(document.body);
      }, false);
    }

    // TEST: Print FastClick function to the div.
    var consoleDiv = document.getElementById("Console");
    consoleDiv.innerText = FastClick.toString();
  </script>
</body>
</html>

关于javascript - 快速点击指令JS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43697941/

相关文章:

javascript - 有没有办法防止 fastclick 在滚动时触发 “active” 状态?

javascript - Angular 4 : Can't bind to 'ngForFor' since it isn't a known property of 'li'

javascript - Lawnchair-IndexedDB 不支持多记录

javascript - 有没有办法让数组中的单个项目识别包含其自身的同一数组对象?

javascript - 替换方法的正则表达式

javascript - 无法初始化 fastclick 插件

javascript - 我正确使用 fastclick.js 吗?

angularjs - ngclick 已弃用。流行的替代方案或解决方案?