拖放图像以触摸屏

Question

好吧，我发现拖放本教程： http://www.w3schools.com/html/html5_draganddrop.asp

这是我想要的东西，但它不支持触摸屏。我应该怎么做才能使它适用于触摸屏？

我想要做的就是将图像拖放到另一张图像中，并支持所有设备。

Answer 1

var draggable = document.getElementById('draggable'); 
draggable.addEventListener('touchmove', function(event) { 
    var touch = event.targetTouches[0]; 

    // Place element where the finger is 
    draggable.style.left = touch.pageX-25 + 'px'; 
    draggable.style.top = touch.pageY-25 + 'px'; 
    event.preventDefault(); 
}, false); 

这里是一个教程：http://mobiforge.com/design-development/touch-friendly-drag-and-drop

请让我知道，如果它的工作原理，或者如果您需要与:)

编辑任何更多的帮助：这是a jsfiddle与测试我建立了一个而之前。我已经用评论对它进行了更新，所以你应该看看那里发生了什么。 也许一个JavaScript专业人士会想打我这个，但它是为我的目的工作，我似乎工作。 虽然我还没有在旧版本的浏览器中测试过它，因为它是个人项目，我不打算在那里“优化IE方式”。