Javascript 如何使该代码适用于像iPad这样的触摸屏设备？

我想拖动一个名为moveMe的元素并将其放置在窗口中的任何位置。这段代码已经在使用桌面电脑的谷歌浏览器上运行。但当我在iPad上打开这个文件时，它无法正常工作。我曾研究过ontouchstart、ontouchmove和ontouchend，并将其应用于此代码，但仍然不起作用。请帮助我如何在不使用jQuery的情况下在iPad上运行这些代码，因为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";
    }

---

您可能会发现关于触摸屏设备上HTML5拖放API的回答很有用：

“iPad不擅长处理jQuery”。真的吗？@adam:使用jQuery时，我的响应太慢了，但这里的实现使用的是jQuery，对吗？有没有不使用jQuery就可以实现拖放功能的方法？