JavaScript 为计算机执行，但不为 iPad 执行

Question

JavaScript 可在计算机上执行，但不能在 iPad 上执行。我不确定是否还有其他手势。但是当我在浏览器上触摸并拖动一个项目时，它应该移动，它在计算机上确实如此，但它在 iPad 上移动了整个屏幕。我是否需要用 JavaScript 重写手势...以及如何重写？

所有手势似乎都不像在 iPad 计算机上那样有效。

//global variables
var obj,x,y,dx,dy;
// set up draggable elements
function Setup(){
    //exit if the browser doesn't support the DOM
    if (!document.getElementsByTagName) return;
    divs=document.getElementsByTagName("DIV");
    for (i=0; i<divs.length;i++){
        if (divs[i].className != "drag") continue;
        //set event handler for each div with class="drag"
        divs[i].onmousedown=Drag;
    }
}
function Drag(e){
    //Start dragging an object
    if (!e) var e = window.event;
    //which object was clicked?
    obj=(e.target) ? e.target: e.srcElement;
    obj.style.borderColor="red";
    //calculate object offsets from mouse position
    dx=x-obj.offsetLeft;
    dy=y-obj.offsetTop;
}
function Move(e){
    //track mouse movements
    if (!e) var e =window.event;
    if (e.pageX){
        x=e.pageX;
        y=e.pageY;
    }else if (e.clientX){
        x = e.clientX;
        y = e.clientY;
    }else return;
    if (obj){
        obj.style.left=x-dx;
        obj.style.top=y-dy;
    }
}
function Drop(){
    //let go!
    if (!obj) return;
    obj.style.borderColor="black";
    obj=false;
}
//Detect mouse movement
document.onmousemove = Move;
//drop current object on mouse up
document.onmouseup = Drop;
//set up when the page loads
window.onload = Setup;

Answer 1

发生这种情况是因为 iPad/iPod Touch/iPhone 等一开始就是触摸界面。要浏览大页面，您需要能够触摸并拖动屏幕。冯康拉德有一个 great explanation about this issue here .