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

Si je prends tous les touchend événements à partir d'appareils mobiles avec:

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

Ai besoin de le toucher.screenX, touch.screenY, touch.clientX et le toucher.clientX de l'e paramètre. Tous les exemples que j'ai vu suggèrent que l'e.touche sera une collection, et vous pouvez obtenir au contact de détails avec e.touches[0]. Dans mes tests sur un ipad, e.touches est toujours pas défini. Je n'utilise pas de plugins jquery.

Aussi essayé l'e.targetTouches, qui est également défini.

Peut aider quelqu'un?

InformationsquelleAutor Matt Roberts | 2011-08-25
  1. 98

    Effectivement, publié touche se trouve dans le changedTouches tableau, c'est à dire:

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

    Je pense que c'est un peu plus fiable que de passer par le originalEvent propriété.

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

    • Ne devrait-ce pas la accepté de répondre? Vote it up!
    • Je suis d'accord, c'est la bonne solution. Je suis moi-même à l'aide de ce qu'elle a les données correctes needded et pourquoi mélanger plusieurs Api que nécessaire.
    • Ce n'est pas le cas avec android si vous êtes à l'aide de jQuery. $('#test').sur('touchend', function (evt) { console.log(evt.changedTouches); }); est vide, même si vous n' $('#test').bind('touchend" ... mais si vous coupez jquery de l'équation et ne getElementBy et la méthode addEventListener cela fonctionne..
    • La réponse n'est pas claire à l'égard du jQuery événement.originalEvent de la propriété. Cette question est abordée plus précisément ici - stackoverflow.com/questions/14999724/...
    • e.originalEvent.changedTouches[0].pageX est la bonne réponse! [ÉDITÉ 20-11-2017]
    InformationsquelleAutor Gopherkhan
  2. 10

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

    Si vous surveillez sa longueur bien avec cet exemple de code sur le #journal de div:

    $('#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 lors de l'exécution d'évènements touchstart et touchmove, un 0 lors de l'exécution de touchend. C'est pourquoi vous obtenez indéfini de e.touches[0].

    InformationsquelleAutor javibilbo