快速点击指令JS答案

【问题标题】：Fast Click Instructions JS快速点击指令JS
【发布时间】：2017-09-27 14:51:47
【问题描述】：

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

点击“下载 zip”下载fastclick.js
将 zip 文件解压到我的项目中
添加<script type='application/javascript' src='fastclick.js'></script>
然后，添加以下代码：
if ('addEventListener' in document) { document.addEventListener('DOMContentLoaded', function() { FastClick.attach(document.body); }，错误的）; }
最后，运行项目，发现控制台提示“FastClick is not defined”，300ms问题依旧存在

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

【问题讨论】：

你的 html 是什么样的？你的文件夹结构是什么样的？你确定 src 属性正确吗？
@christo8989 项目 -> www -> fastclick.js 。我试过 www/fastclick.js，没有运气
你的 index.html 在哪里？
项目名称/www/index.html
那你应该没事。

【解决方案1】：

我假设您以错误的顺序添加脚本。确保<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>

【讨论】：

我会测试一下
如果我添加 main.js 脚本标签，就会出现错误。否则不报错但 fastclick.js 无效。还有 300 毫秒的延迟。
你的 javascript 文件的名称是什么？另外，那个文件在哪里？
它没有名字，它只是。但是 .html 文件被称为 index.html
把它放在一个单独的javascript文件中并像上面一样加载它。