thuộc tính sự kiện touchend

Question

Nếu tôi bắt tất cả các sự kiện touchend từ các thiết bị di động với:

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

tôi cần phải nhận được touch.screenX, touch.screenY, touch.clientX và touch.clientX từ e paramter. Tất cả các ví dụ tôi đã thấy cho thấy rằng e.touches sẽ là một bộ sưu tập, và bạn có thể nhận được các chi tiết liên lạc với e.touches[0]. Trong các thử nghiệm của tôi trên một ipad, e.touches luôn không xác định. Tôi không sử dụng bất kỳ plugin jquery nào.

Cũng đã thử e.targetTouches, cũng không được xác định.

Có ai giúp được không?

Answer 1

Trên thực tế, công bố chạm sẽ được tìm thấy trong mảng changedTouches, ví dụ:

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

Tôi nghĩ rằng đây là hơi đáng tin cậy hơn đi qua bất động sản originalEvent.

Bạn có thể đọc thêm về changedTouches đây: http://www.w3.org/TR/touch-events/#changedtouches-of-a-touchevent

Answer 2

Thuộc tính chạm là đối tượng TouchList. Bạn có thể xem tham chiếu lớp TouchList here.

Nếu bạn theo dõi tài sản chiều dài của nó với ví dụ mã này vào #log 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/>'); 
}); 

bạn sẽ nhận được 1 trong khi thực hiện touchstart và touchmove, một 0 khi thực hiện touchend. Đó là lý do tại sao bạn nhận được không xác định từ e.touches[0].