Fastclick: Handling Mobile Click event 300 ms delay

Fastclick: Handling Mobile Click event 300 ms delay

1. Compatibility

• Mobile Safari for IOS 3 and later
• IOS 5 and later versions of Chrome
• Chrome (ICS) on Android
• Opera Mobile 11.5 and later
• Android 2 since Android browser
• PlayBook OS 1 and later

2, do not apply the scene of Fastclick

Desktop browser;
If Chrome 32+ on Width=device-width,android is set in the viewport meta tag, 300ms delay is disabled;

<meta name="viewport" content="width=device-width, initial-scale=1">

• 1

Video META tags if you set up chrome on user-scalable=no,android (all versions), 300ms latency is disabled.
IE10, you can use CSS properties-ms-touch-action:none to disallow the element double-click Scaling (refer to article).

3. Installation:

The command to install Fastclick is performed first.

NPM Install Fastclick-s

After that, it is introduced in Main.js and bound to the body

import FastClick from ‘fastclick‘FastClick.attach(document.body);

Fastclick: Handling Mobile Click event 300 ms delay