Các lần chạm trên iOS đến tọa độ xem x/y của thiết bị qua Javascript

Question

Tôi hiện đang phát triển trang web cho iPhone chứa phần tử DIV mà người dùng có thể chạm và kéo xung quanh. Ngoài ra, khi người dùng kéo phần tử lên đầu hoặc cuối màn hình thiết bị, tôi muốn tự động cuộn trang lên hoặc xuống.

Sự cố tôi đang gặp đang cố gắng xác định công thức đáng tin cậy để nhận tọa độ trong sự kiện onTouchMove kết hợp với ngón tay của người dùng chạm đầu hoặc cuối chế độ xem thiết bị. Công thức hiện tại của tôi dường như tẻ nhạt và tôi cảm thấy có thể có một cách dễ dàng hơn để làm điều này.

thức hiện tại của tôi để xác định xem trường hợp cảm ứng đã đạt đến dưới cùng của màn hình:

function onTouchMoveHandler(e) 
{ 
    var orientation=parent.window.orientation; 
    var landscape=(orientation==0 || orientation==180)?true:false; 
    var touchoffsety=(!landscape?screen.height - (screen.height - screen.availHeight):screen.width - (screen.width - screen.availWidth)) - e.touches[0].screenY + (window.pageYOffset * .8); 
    if(touchoffsety < 40) alert('finger is heading off the bottom of the screen'); 
} 

Tôi đã làm một chút Javascript phản ánh trên các đối tượng như cửa sổ, tài liệu, cơ thể, e.touches để xem liệu tôi có thể tìm thấy một tập hợp các con số luôn luôn tăng lên bằng với phần trên cùng hoặc dưới cùng của màn hình, nhưng không thành công đáng tin cậy. Trợ giúp với điều này sẽ được đánh giá cao.

Answer 1

Giả sử trường screenY của một lần chạm giữ toạ độ y tương ứng với đầu màn hình bất kể vị trí cuộn hiện tại, phép tính hiện tại của bạn không có ý nghĩa gì đối với tôi. Tôi hy vọng tôi không hiểu lầm những gì bạn đang cố gắng làm.

Để tìm hiểu xem một chạm có gần đầu hay cuối thiết bị, trước tiên tôi sẽ kiểm tra xem màn hình có gần đầu hay không (trên cùng là 0), vì bạn có thể làm việc trực tiếp với giá trị đó. Sau đó, nếu nó không gần đầu, hãy tính toán nó ở gần đáy và kiểm tra xem nó như thế nào.

var touch = e.touches[0]; 
if (touch.screenY < 50) 
{ 
    alert("Closing in on Top"); 
} 
else //Only do bottom calculations if needed 
{ 
    var orientation=parent.window.orientation; 
    var landscape=(orientation==0 || orientation==180)?true:false; 
    //height - (height - availHeight) is the same as just using availHeight, so just get the screen height like this 
    var screenHeight = !landscape ? screen.availHeight : screen.availWidth; 
    var bottomOffset = screenHeight - touch.screenY; //Get the distance of the touch from the bottom 
    if (bottomOffset < 50) 
     alert("Closing in on Bottom"); 
} 

Answer 2

Điều đó thực sự không tệ. Bạn cũng có thể sử dụng Zepto.js và nó được xây dựng trong các sự kiện liên lạc và .offset() phương pháp để có được nó một chút dễ dàng hơn:

• http://zeptojs.com/#touch
• http://zeptojs.com/#offset

Tuy nhiên, tôi quan tâm để biết liệu hay không bạn thực sự quản lý để có được nó di chuyển ở phía dưới, và nếu hiệu suất là đủ mịn để làm cho hiệu quả đáng giá. (thường cuộn trong JavaScript ngắt JavaScript thực sự khó)