JS : Supprimer le lag des clics sur mobile avec FastClick

Le 21 février 2013 — par

Vous avez sûrement déjà remarqué que lorsque vous visitez un site Web sur un appareil mobile, il y a un petit délai entre le moment où vous tapez sur un lien et le moment où le « clic » est pris en compte. C’est un temps généralement de 300 ms volontairement rajouté par le navigateur pour éviter les clics involontaires.

FT Labs, le laboratoire des nouvelles technologies du Financial Times, a sorti un script JavaScript très simple qui se nomme FastClick et qui supprime ce délai.

Une fois le script fastclick.js ajouté sur votre serveur, son utilisation est des plus aisées :

<script type='application/javascript' src='/path/to/fastclick.js'></script>
<script type='application/javascript'>
window.addEventListener('load', function() {
    new FastClick(document.body);
}, false);
</script>

Le résultat est immédiat et appliqué à tous les liens de votre page.

Si vous ne souhaitez pas que certains liens utilisent FastClick, ajoutez la classe needsclick à la balise <a> correspondante.

S'abonner au flux RSS du blog
Recevoir les nouveaux articles par e-mail :