Fast Click Instructions JS

Question

I am trying to get fastclick.js to work for me in order to get rid of the delay of 300ms when clicking. For some reason, this is not working for me. I will show all of my steps taken in order to reproduce the problem. I would truly appreciate someone to tell me where I've gone wrong. Thank you!

Download fastclick.js by clicking "download zip"
Extract zip file into my project
Add <script type='application/javascript' src='fastclick.js'></script>

Then, add the following code:

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

Finally, run the project, and notice that the console says "FastClick is not defined", and that the 300ms problem still persists

Thank you for your time. I would appreciate if someone went through the steps of including fastclick in javascript code.

What does your html look like? What does your folder structure look like? Are you sure the src attribute is correct? — christo8989, Apr 29 '17 at 16:26
@christo8989 project -> www -> fastclick.js . I've tried www/fastclick.js, no luck — Assafi Cohen-Arazi, Apr 29 '17 at 16:31
@christo8989 Nothing seems to be working. Index.html and fastclick.js are in the same folder. FastClick is now defined, but doesn't do anything. There must be another problem. — Assafi Cohen-Arazi, Apr 29 '17 at 16:44
@christo8989 Most of my code is irrelevant. I am using an eventlistener "touchstart". I have an interval that updates an animation every 50ms. Fast click should be working. I might have downloaded the minified version of fast click, which requires origami. What is "Origami"? — Assafi Cohen-Arazi, Apr 29 '17 at 17:37

christo8989 · Accepted Answer · 2017-05-04T18:30:13.350

1

I'm assuming you add the scripts in the wrong order. Make sure <script type='application/javascript' src='fastclick.js'></script> is before your <script type='application/javascript' src='main.js'></script>.

I use the filename main.js to signify the javascript file that holds your code. You might have given it a different name like, myJavascriptFile.js.

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

If this doesn't work then you probably have the wrong path to source. All the files should be in the same folder or you need to change the src path.

EDIT:

Here's an example index.html file.

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

edited May 04 '17 at 18:30

answered Apr 29 '17 at 16:30

christo8989

6,442
5
37
43

I'll test this out – Assafi Cohen-Arazi Apr 29 '17 at 16:31
If I add the main.js script tag, an error occurs. Otherwise, no error occurs but fastclick.js has no effect. There is still a 300ms delay. – Assafi Cohen-Arazi Apr 29 '17 at 16:37
What is the name of the file with your javascript in it? Also, where is that file located? – christo8989 Apr 29 '17 at 16:46
It doesn't have a name, it is just . But the .html file is called index.html – Assafi Cohen-Arazi Apr 29 '17 at 16:47
put it in a separate javascript file and load it in like above. – christo8989 Apr 29 '17 at 16:48
Nevermind, I fixed that canvas problem. Now everything works, except fastclick.js seems to not be doing anything (like before) – Assafi Cohen-Arazi Apr 29 '17 at 17:00
@AssafiCohen-Arazi I will post an example later. – christo8989 May 02 '17 at 19:44

Fast Click Instructions JS

1 Answers1