propriétés de l'événement touchend

Question

Si je récupère tous les événements de touchend des appareils mobiles avec :

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

J'ai besoin d'obtenir les paramètres touch.screenX, touch.screenY, touch.clientX et touch.clientX à partir du paramètre e. Tous les exemples que j'ai vus suggèrent que e.touches sera une collection, et vous pouvez obtenir les détails des touches avec e.touches[0] . Dans mes tests sur un ipad, e.touches est toujours indéfini. Je n'utilise pas de plugins jquery.

J'ai également essayé e.targetTouches, qui est également indéfini.

Quelqu'un peut-il m'aider ?

Answer 1

En fait, les touches libérées seront trouvées dans le tableau changedTouches, c'est à dire :

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

Je pense que cela est légèrement plus fiable que de passer par la propriété originalEvent.

Vous pouvez en savoir plus sur changedTouches ici : http://www.w3.org/TR/touch-events/#changedtouches-of-a-touchevent

Answer 2

La propriété touches est un objet TouchList. Vous pouvez voir la référence de la classe TouchList ici .

Si vous contrôlez sa propriété de longueur avec cet exemple de code sur le div #log :

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

vous obtiendrez 1 en exécutant touchstart et touchmove, et 0 en exécutant touchend. C'est pourquoi vous obtenez undefined de e.touches[0] .