Jquery 用于触摸屏的图像拖放

我找到了这个关于拖放的教程：

这正是我想要的，但它不支持触摸屏。我该怎么做才能让它也适用于触摸屏

我所要做的就是拖动一个图像并将其放入另一个支持所有设备的图像中

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);

以下是一个教程：

请让我知道它是否有效，或者您是否需要更多帮助：）

编辑：这是我之前做的一个测试。我用评论更新了它，所以你应该看看那里发生了什么。 也许一个JavaScript专业人士会想为此打击我，但这是为了我的目的，我认为它似乎是可行的。

---

不过，我还没有在较旧的浏览器中测试过它，因为它是一个个人项目，我不会在那里使用“IE优化方式”。

我还没有尝试过，所以我可能错了，但这只适用于触摸屏，对吗？我需要它来为这两个网站工作，在你刚刚发送的网站上，我发现kineticjs工作得非常好，我只是想知道如何检测图像是否被放入另一个图像中。对不起，我离开了一段时间。我已经用JSFIDDLEW更新了我的答案，谢谢，这就像我想要的一样！但老实说，我同时发现了这一点，尽管我还在努力，但它也运行得很好。没问题，我玩得很开心；）谢谢你的链接，它看起来很有趣，我会玩一点，哈哈，是的，你是对的，玩起来很有趣：D我正在制作一些东西，你有3个盒子，你可以在里面放东西（可拖动的），当你把它放下时，它会激活动画