właściwości zdarzeń touchend

Question

Jeśli złapię wszystkie zdarzenia touchend z urządzeń mobilnych z:

$(document.body).bind('touchend', function (e) { 
var touch = e.touches[0]; // doesnt work 
... 

Muszę dostać się touch.screenX, touch.screenY, touch.clientX i touch.clientX z e paramter. Wszystkie przykłady, które widziałem sugerują, że e.touches będą kolekcją i możesz uzyskać szczegóły dotyku za pomocą e.touches[0]. W moich testach na iPadzie, e.touches jest zawsze niezdefiniowany. Nie używam żadnych wtyczek jquery.

Próbowano także e.targetTouches, który również jest niezdefiniowany.

Czy ktoś może pomóc?

Answer 1

Właściwie uwalniane akcenty można znaleźć w tablicy changedTouches, tj:

e.changedTouches[0].pageX // get the end x page coordinate for a released touch

myślę, że to jest nieco bardziej niezawodny niż przeżywa nieruchomości originalEvent.

można przeczytać więcej na changedTouches tutaj: http://www.w3.org/TR/touch-events/#changedtouches-of-a-touchevent

Answer 2

Właściwość dotyka jest obiektem TouchList. Możesz zobaczyć odwołanie do klasy TouchList here.

Jeśli monitorowanie jego właściwości length z tym przykładowym kodem na #log Gr:

$('#element').bind('touchstart', function(event) 
{ 
    $('#log').append(event.originalEvent.touches.length+'<br/>'); 
}); 

$('#element').bind('touchmove', function(event) 
{ 
    $('#log').append(event.originalEvent.touches.length+'<br/>'); 
}); 

$('#element').bind('touchend', function(event) 
{ 
    $('#log').append(event.originalEvent.touches.length+'<br/>'); 
}); 

otrzymasz 1 podczas wykonywania touchstart i touchmove An 0 podczas wykonywania touchend. Dlatego uzyskujesz niezdefiniowane z e.touches[0].