快速点击指令JS

时间:2017-04-29 16:23:56

标签: javascript fastclick.js fastclick

我想让fastclick.js为我工作,以便在点击时摆脱300ms的延迟。出于某种原因,这对我不起作用。我将展示我为恢复问题而采取的所有步骤。我真的很感谢有人告诉我哪里出了问题。谢谢!

  1. 点击&#34下载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. 最后,运行该项目,并注意控制台说&#34; FastClick未定义&#34;,并且300ms问题仍然存在
  6. 感谢您的时间。如果有人完成了在javascript代码中包含fastclick的步骤,我将不胜感激。

1 个答案:

答案 0 :(得分: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>