Calculer balayage à distance en jQuery-mobile

J'espère que vous allez bien aujourd'hui, je suis en train de calculer le mouvement de balayage de la distance (un mouvement tactile) sur un site web mobile, comment voulez-vous savoir combien de pixels que l'utilisateur n'a passé à travers l'écran?

$('.cmButtons').live('swipeleft',function(){
    console.log("swiped left");
});
Je ne sais pas comment faire non pas à l'aide de jQuery, donc ce n'est pas une réponse, mais peut-être un indice. Le départ des coordonnées x, y de l'balayage sont établis dans les évènements touchstart événement. Là aussi, vous affectez le startPos à endPos, par défaut la position de fin. Dans le touchMove écouteur vous garder en notant les coordonnées actuelles, faisant de ces l'endPos coordonnées. Dans touchEnd vous notez la différence entre startPos et endPos. Donc, jQuery est d'exposer la startPos et endPos coordonnées dans son swipeLeft événement, ou vous devez câbler votre propre plug-in pour accomplir cela en dehors de jQuery.
pourriez-vous ajouter un peu de code de l'échantillon veuillez Tim? et je comprends qu'il peut être légèrement différent, mais je voudrais utiliser votre code comme une base pour commencer 🙂
Connexes: stackoverflow.com/questions/3183872/... et stackoverflow.com/questions/4755505/...
Aussi: stackoverflow.com/questions/4992355/...
vérifier le lien ici forum.jquery.com/topic/touch-actions - look pour une "preuve de concept"

OriginalL'auteur Xavier | 2011-08-03

  1. 2

    Ne sais pas si cela aide, mais avec la version Bêta 2, ils ont sorti quelques frottis supplémentaires fonctionnalité

    Configurable de balayage d'événement de seuils ajouté

    Il y avait un certain nombre de constantes codées en dur dans le
    jquery.mobile.event.js balayez le code. Pour les développeurs qui ont besoin de bidouiller
    ces constantes pour permettre un plus grand déplacement vertical et encore
    enregistrer un glissement de doigt, cette nouvelle fonctionnalité leur permet d'être ajusté. Merci
    pour mlitwin pour contribuer cet.

    • scrollSupressionThreshold (par défaut: 10px) – Plus de cette horizontal
      le déplacement, et nous allons supprimer le défilement
    • durationThreshold (par défaut: 1000ms) – Plus de temps que cela, et ce n'est pas un coup
    • horizontalDistanceThreshold (par défaut: 30px) – glissement horizontal
      le déplacement doit être plus que cela.
    • verticalDistanceThreshold (par défaut: 75px) – Balayage vertical de déplacement doit être moins que ce.
    en fin de compte, j'ai dû écrire un écouteur personnalisé en jQuery Mobile qui déclencherait sur démarrer, appuyez - glissez et appuyez - glissez les événements. Merci pour votre présentation. Il m'a à la bonne place.
    np. pourriez-vous également de vous partager des modules d'écoute personnalisés? pourrait en aider d'autres et

    OriginalL'auteur Phill Pafford

  2. 9

    Je suggère l'excellent jQuery TouchSwipe Plugin par Matt Bryson: http://labs.skinkers.com/touchSwipe/.

    Il a touch & passez des événements pour les 4 directions et 1 ou 2 doigts. Et il a SwipeStatus avec lequel vous pouvez obtenir de balayage distance: http://labs.skinkers.com/touchSwipe/demo/Swipe_status.html

    Merci 🙂 Il a aidé.
    Ces liens semblent morts maintenant

    OriginalL'auteur Jasper Moelker

  3. 2

    Je ne pouvais pas comprendre comment obtenir la distance à la volée à partir de la méthode, donc à la place je viens de mettre un nouveau seuil global sur ma page.

    //Override the default horizontalDistanceThreshold of 30
$.event.special.swipe.horizontalDistanceThreshold = 200;

    Je suis en utilisant une ancienne version de jQM (v1.0 encore...) donc cela a peut-être changé. Il est facile de trouver dans la source si vous venez de commencer à chercher pour balayer les événements.

    OriginalL'auteur jocull