Comment faire pour que ce code fonctionne pour un appareil à écran tactile comme un iPad?

Question

Je veux faire glisser un élément nommé moveMe et le déposer n'importe où dans la fenêtre. Ce code fonctionne déjà sur google chrome en utilisant un ordinateur de bureau. Mais quand j'ai ouvert ce fichier dans un iPad, il ne fonctionne pas. J'ai fait des recherches sur ontouchstart, ontouchmove et ontouchend et je l'ai appliqué à ce code mais ça ne marche toujours pas. S'il vous plaît aidez-moi sur la façon de faire fonctionner ce code sur un iPad sans utiliser jQuery car iPad n'est pas bon pour gérer jQuery. Et s'il y a un moyen plus efficace de le faire.

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"; 
    } 

Answer 1

Vous trouverez peut-être cette réponse à propos de HTML5 Drag and Drop API sur les appareils à écran tactile utiles: HTML5 Drag and Drop API on Touch Screen Devices