Как заставить этот код работать на устройстве с сенсорным экраном, таком как iPad? - PullRequest
1 голос
/ 19 апреля 2011

Я хочу перетащить элемент с именем moveMe и поместить его в любое место окна.Этот код уже работает на Google Chrome с помощью настольного компьютера.Но когда я открыл этот файл на iPad, он не работает.Я исследовал ontouchstart, ontouchmove и ontouchend и применил его к этому коду, но все же он не работаетПожалуйста, помогите мне узнать, как заставить этот код работать на iPad без использования jQuery, потому что iPad плохо справляется с jQuery.И если есть более эффективный способ сделать это.

function init() {
    movMeId=document.getElementById("moveMe");
    movMeId.style.left="900px"; 
    movMeId.style.top="500px";
    }

document.onmousedown=coordinates;
document.onmouseup=mouseup;
function coordinates(e) {
    if (!e) {
    e = window.event;
    }
    var sender = (typeof( window.event ) != "undefined" ) ? e.srcElement : e.target;
    if (sender.id == "moveMe") {
        mouseover=true;
        pleft = parseInt(movMeId.style.left);
        ptop = parseInt(movMeId.style.top);
        xcoor = e.clientX;
        ycoor = e.clientY;
        document.onmousemove = moveImage;
        return false;
        }
    else {
        return false;
        }
    }
function moveImage(e) {
    if (!e) {
        e = window.event;}
        movMeId.style.left = pleft + e.clientX - xcoor + "px";
        movMeId.style.top = ptop + e.clientY - xcoor + "px";
        return false;
    }
function mouseup(e) {
    document.onmousemove=null;
    movMeId.style.left="900px"; 
    movMeId.style.top="500px";
    }

1 Ответ

0 голосов
/ 19 апреля 2011

Вам может пригодиться этот ответ об API перетаскивания HTML5 на устройствах с сенсорным экраном: API перетаскивания HTML5 на устройствах с сенсорным экраном

...