Touchend-Ereigniseigenschaften

Wenn ich alle Touchend-Ereignisse von Mobilgeräten abfange mit:

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

Ich muss touch.screenX, touch.screenY, touch.clientX und touch.clientX aus dem e-Parameter abrufen. Alle Beispiele, die ich gesehen habe, deuten darauf hin, dass e.touches eine Sammlung sein wird, und Sie können mit auf die Berührungsdetails zugreifen e.touches[0]. In meinen Tests auf einem iPad, e.touches ist immer undefiniert. Ich verwende keine jquery-Plugins.

Habe auch e.targetTouches versucht, das ebenfalls undefiniert ist.

Kann jemand helfen?

Tatsächlich werden freigegebene Berührungen im Array “changedTouches” gefunden, dh:

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

Ich denke, das ist etwas zuverlässiger als das Durchlaufen der originalEvent-Eigenschaft.

Hier können Sie mehr über changeTouches lesen:
http://www.w3.org/TR/touch-events/#changedtouches-of-a-touchevent

Die Eigenschaft touches ist ein TouchList-Objekt. Sie können die Klassenreferenz TouchList sehen hier.

Wenn Sie die Eigenschaft length mit diesem Beispielcode auf #log div überwachen:

$('#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/>');
});

Sie erhalten 1 beim Ausführen von touchstart und touchmove, eine 0 beim Ausführen von touchend. Deshalb erhalten Sie undefiniert von e.touches[0].