Existe-t-il une position équivalente à la position e.PageX pour l'événement 'touchstart' comme il y en a pour l'événement click?

J'essaie d'obtenir la position X avec jQuery d'un événement touchstart, utilisé avec la fonction live?

C'est à dire

$('#box').live('touchstart', function(e) { var xPos = e.PageX; } );

Maintenant, cela fonctionne avec «clic» comme événement. Comment diable (sans utiliser l' alpha jQuery Mobile) puis-je l'obtenir avec un événement tactile?

Des idées?

Merci pour toute aide.

Un peu tard, mais vous devez accéder à l'événement d'origine, pas à celui massé jQuery. De plus, comme il s'agit d'événements multi-touch, d'autres modifications doivent être apportées:

$('#box').live('touchstart', function(e) {
  var xPos = e.originalEvent.touches[0].pageX;
});

Si vous voulez d'autres doigts, vous pouvez les trouver dans d'autres index de la liste des touches.

MISE À JOUR POUR LES NOUVEAUX JQUERY:

$(document).on('touchstart', '#box', function(e) {
  var xPos = e.originalEvent.touches[0].pageX;
});

J'utilise cette fonction simple pour un projet basé sur JQuery

    var pointerEventToXY = function(e){
      var out = {x:0, y:0};
      if(e.type == 'touchstart' || e.type == 'touchmove' || e.type == 'touchend' || e.type == 'touchcancel'){
        var touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0];
        out.x = touch.pageX;
        out.y = touch.pageY;
      } else if (e.type == 'mousedown' || e.type == 'mouseup' || e.type == 'mousemove' || e.type == 'mouseover'|| e.type=='mouseout' || e.type=='mouseenter' || e.type=='mouseleave') {
        out.x = e.pageX;
        out.y = e.pageY;
      }
      return out;
    };

exemple:

$('a').on('mousedown touchstart', function(e){
  console.log(pointerEventToXY(e)); // will return obj ..kind of {x:20,y:40}
})

j'espère que cela vous sera utile;)

J'ai essayé quelques-unes des autres réponses ici, mais originalEvent était également indéfini. Lors de l'inspection, j'ai trouvé une propriété classée TouchList (comme suggéré par une autre affiche) et j'ai réussi à accéder à pageX / Y de cette façon:

var x = e.changedTouches[0].pageX;

Si vous n'utilisez pas jQuery ... vous devez accéder à l'un des événements TouchListpour obtenir un Touchobjet qui a pageX/Y clientX/Yetc.

Voici des liens vers les documents pertinents:

• https://developer.mozilla.org/en-US/docs/Web/Events/touchstart
• https://developer.mozilla.org/en-US/docs/Web/API/TouchList
• https://developer.mozilla.org/en-US/docs/Web/API/Touch

J'utilise e.targetTouches[0].pageXdans mon cas.

Vérifiez la référence du développeur Safari sur la classe Touch .

Selon cela, pageX / Y devrait être disponible - peut-être devriez-vous vérifier l'orthographe? assurez-vous que c'est pageXet nonPageX