FastClick: Eliminate Mobile Tap Delay FastClick: Eliminate Mobile Tap Delay / asset / free

https://github.com/ftlabs/fastclick

FastClick is a simple, easy-to-use library for eliminating the 300ms delay between a physical tap and the firing of a click event on mobile browsers.
7 favorites
submitted over 4 years ago, by dease
FastClick: Eliminate Mobile Tap Delay popular asset

7 Comments

301

Wow, had no idea that existed. That's just what I need.

301, over 4 years ago

wsg

There is actually a very good reason for the delay, it is used to decide if the user wants to scroll or to click on an element. With that delay gone, a click event will be fired when the user touches the screen to start scrolling!

wsg, over 4 years ago

dease

No, the click will get triggered on touchend, not touchstart. The legitimate reason for the delay is so the mobile browsers can handle double-taps. But when creating a web app, you want the experience to be as close to native as possible which means no browser double-tap and no delay between tap and action.

dease, over 4 years ago

301

learn something new every day..

301, over 4 years ago

wsg

thanks, I stand corrected :)

wsg, over 4 years ago

roman01la

y no use touch events?

roman01la, over 4 years ago

SkinnyGeek1010

fwiw, Zepto has a built in 'tap' event that you can listen for, which lets you press, then slide away if you want to cancel the tap.

SkinnyGeek1010, over 3 years ago


Login or to comment.

Tutorials are any resources you learn from.

Examples: an intro to html5 screencast, a pdf about git, photoshop effects tutorials, meta-programming in ruby, lambda calculus, higher-order fixed-point combinators.

Tools are websites, apps or services used -on- your project (indirectly), to aid the process.

Examples: A color scheme generator, email marketing software, usability heat maps, css3 code generators, a downloadable png compressor.

Assets are downloadable files used -in- your projects, usually as code, textures, or images.

Examples: a jquery sticky menu, photoshop brushes, background textures, mvc frameworks, twitter bootstrap, 960 grid system.