快速点击指令 JS

Question

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

点击"download zip"

将 zip 文件解压到我的项目中
添加<script type='application/javascript' src='fastclick.js'></script>

然后，添加如下代码：

if ('addEventListener' in document) {
    document.addEventListener('DOMContentLoaded', function() {
        FastClick.attach(document.body);
    }, false);
    }

最后，运行项目，请注意控制台显示 "FastClick is not defined"，并且 300 毫秒的问题仍然存在

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

Answer 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>

快速点击指令 JS

Fast Click Instructions JS

javascript

fastclick.js

fastclick