touchendイベントプロパティ

Question

私は、モバイルデバイスからすべてのtouchendイベントをキャッチした場合：

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

Iは、E PARAMTERからtouch.screenX、touch.screenY、touch.clientXとtouch.clientXを取得する必要があります。私が見たすべての例は、e.touchesがコレクションになることを示唆しており、e.touches[0]でタッチの詳細を得ることができます。私のipadでのテストでは、e.touchesは常に定義されていません。 jqueryプラグインを使用していません。

また、未定義のe.targetTouchesも試しました。

誰でも手助けできますか？

Answer 1

は実際に、タッチがchangedTouches配列、すなわちに記載されています発表しました。

あなたがここにchangedTouchesの詳細を読むことができます： http://www.w3.org/TR/touch-events/#changedtouches-of-a-touchevent

Answer 2

touchesプロパティはTouchListオブジェクトです。 TouchListクラスリファレンスhereが表示されます。

あなたは#log divの上でこの例のコードとのlengthプロパティを監視する場合：touchstartとtouchmoveを実行しながら、0はtouchendを実行するときに

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

あなたは1を取得します。そのため、e.touches[0]から未定義を取得します。私は、これは少しより信頼性の高いoriginalEventプロパティを経由するよりもあると思い

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

：