Esiste un equivalente alla posizione e.PageX per l'evento "touchstart", così come esiste per l'evento click?

Question

Sto provando a ottenere la posizione X con jQuery di un evento touchstart, usato con la funzione live?

I.e.

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

Ora, questo funziona con "clic" come evento. Come mai (senza usare lo jQuery Mobile) mi capita con un evento di tocco?

Qualche idea?

Grazie per qualsiasi aiuto.

Answer 1

Un po 'tardi, ma devi accedere all'evento originale, non a quello massaggiato da jQuery. Inoltre, poiché si tratta di eventi multi-tocco, altre modifiche devono essere fatte:

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

Se volete altre dita, si possono trovare in altri indici della lista tocchi.

AGGIORNAMENTO PER PIÙ RECENTE JQuery:

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

Answer 2

Controllare Safari developer reference on Touch class.

In base a questo, paginaX/Y dovrebbe essere disponibile - forse dovresti controllare l'ortografia? assicurati che sia pageX e non PageX

Answer 3

Io uso questa semplice funzione per il progetto basato 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; 
    }; 

esempio:

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

speranza che questo sarà utile per voi;)

Answer 4

Se non stai usando jQuery ... è necessario accedere a una delle TouchList s della manifestazione per ottenere un oggetto Touch quali ha pageX/YclientX/Y ecc

Ecco i link ai documenti rilevanti:

• 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

Sto usando e.targetTouches[0].pageX nel mio caso.

Answer 5

Ho provato alcune delle altre risposte qui, ma originaleEvent era anche indefinito. Al momento dell'ispezione, trovato una struttura TouchList classificato (come suggerito da un altro poster) e siamo riusciti a raggiungere pageX/Y in questo modo:

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