Curseur pour les écrans tactiles

Question

J'ai ici un tel curseur: https://jsfiddle.net/args91L4/ comment puis-je le faire fonctionner sur les écrans tactiles, plus précisément quels sont les moyens sans plugins tiers sur js vanilla ou pure jquery? Je pensais que suivre les événements de la souris comme:

.mousedown(); 
//Start moving 
.mousemove(); 
//Track coordinates 
.mouseup(); 
//end moving 

comment la mettre en œuvre? Ou il y a des moyens plus faciles?

Answer 1

Vous n'êtes probablement pas à la recherche d'événements de souris, mais touchez events, par ex. touchstart

Ce n'est pas si simple, cependant, car vous devez décider, après chaque pression, ce que l'utilisateur souhaite probablement obtenir. S'il fait défiler vers la gauche, voulait-il glisser vers la gauche ou voulait-il simplement faire défiler vers le bas et n'était-ce pas si précis? Ou voulait-il cliquer et s'est déplacé par erreur un peu vers la droite? Cela nécessite beaucoup de calculs et d'hypothèses et peut être assez difficile.

Par conséquent, je vous recommande d'utiliser une lib comme hammerjs pour cela, ce qui simplifie cette configuration et vient avec des valeurs par défaut assez solides. En hammerjs vous utiliserez probablement le swipe de reconnaissance pour détecter l'utilisateur qui veut glisser à gauche ou à droite comme ce

var hammerInstance = new Hammer(element, options); 
hammerInstance.on('swipeleft', function(ev) { 
    ... // slide to the left 
}