Existe-t-il un équivalent à E. PageX position pour l'événement 'touchstart' comme il l'est 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 'click' comme événement. Comment sur terre (sans utiliser le alpha jQuery Mobile) est-ce que je l'obtiens avec un événement tactile?
Des idées?
Merci pour toute aide.
5 réponses
Un peu en retard, mais vous devez accéder à l'événement d'origine, pas à celui massé par jQuery. En outre, comme il s'agit d'événements multi-touch, d'autres changements doivent être apportés:
$('#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 indices de la touche liste.
MISE À JOUR POUR JQUERY PLUS RÉCENT:
$(document).on('touchstart', '#box', function(e) {
var xPos = e.originalEvent.touches[0].pageX;
});
J'utilise cette fonction simple pour le 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}
})
Espère que ce sera utile pour vous ;)
J'ai essayé quelques-unes des autres réponses ici, mais originalEvent était également indéfini. Après inspection, a trouvé une propriété classée TouchList (comme suggéré par une autre affiche) et a 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 TouchLists de l'événement pour obtenir un objet Touch qui a pageX/Y clientX/Y etc.
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].pageX dans mon cas.
Vérifiez la référence du développeur Safari {[3] sur la classe Touch.
Selon cela, pageX / Y devrait être disponible-peut - être que vous devriez vérifier l'orthographe? assurez-vous que c'est pageX et pas PageX