X/Y Toucher coordonnées pour les appareils mobiles

Je suis entrain de créer une application web que je suis désireux d'être utilisable sur des appareils mobiles.
L'initiale de mécanicien de ladite application nécessite le courant de X/Y de coordonnées de la souris - qui ne nécessite pas de cliquant et en faisant glisser, simplement en déplaçant la souris dans une fenêtre de navigateur.

Maintenant, j'ai été à la recherche dans les différents jQuery/Javascript bibliothèques concernant Tactile et des Gestes, et pourtant je ne suis pas en mesure de trouver quelque chose qui convient à ce que je suis après.

Donc, fondamentalement, je suis à la recherche d'un moyen d'obtenir le x/y-pos d'un seul doigt toucher/glisser.

Par exemple: Touchez l'écran à 0, 0 ensuite, maintenez et faites-le glisser vers 480,320. Les valeurs seraient ensuite interpoler entre x1, y1 à x2, y2.

Grâce.

OriginalL'auteur tamago | 2011-05-08

  1. 5

    Vous ne devriez pas besoin d'une bibliothèque pour cela, il est assez facile d'écrire votre propre code à l'aide des évènements touchstart, touchmove et touchend événements.

    http://www.sitepen.com/blog/2008/07/10/touching-and-gesturing-on-the-iphone/

    Comme une note de côté, si vous utilisez le simulateur iOS pour les tests, être conscient qu'il peut parfois donner des coordonnées incorrectes dans une manière que d'un réel de l'appareil ne serait pas, de sorte que vous aurez toujours besoin d'avoir à garder un physique iOS appareil très pratique pour vérifier que votre code fonctionne.

    +1, mais doit également inclure l'officiel d'Apple, doco: http://developer.apple.com/library/safari/#documentation/appleapplications/reference/safariwebcontent/HandlingEvents/HandlingEvents.html. Également bon de commencer par écrire un petit enregistreur d'événements pour voir les événements qui sont déclenchés par quels gestes et dans quel ordre.
    Merci pour les liens. J'ai trouvé ceci: matt.might.net/articles/...

    OriginalL'auteur Tobias Cohen

  2. 10
    $(function() {
    var $log = $("#log");

    function updateLog(x, y) {
        $log.html('X: '+x+'; Y: '+y);
    }

    document.addEventListener('touchstart', function(e) {
        updateLog(e.changedTouches[0].pageX, e.changedTouches[0].pageY);
    }, false);

    document.addEventListener('touchmove', function(e) {
        e.preventDefault();
        updateLog(e.targetTouches[0].pageX, e.targetTouches[0].pageY);
    }, false);
});

    OriginalL'auteur invamped