拖放到触摸屏的图像上

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，我之前构建了一个测试。我已经用 cmets 更新了它，所以你应该看看那里发生了什么。 也许 JavaScript 专业人士会想为此打我，但它对我的目的有效，而且我似乎有效。 不过我还没有在旧版浏览器中测试过它，因为它是一个个人项目，我不会去那里“针对 IE 进行优化”。