HTML5拖放无法正常工作

Question

我正在使用HTML5拖放脚本，因此无法正常工作。 当我在野生动物园中使用错误控制台时，它说：

NOT_FOUND_ERR: DOM Exception 8: An attempt was made to reference a
Node in a context where it does not exist.

我不知道那是什么意思。 这是我的示例： http : //thomaswd.com/maze 。 尝试将鼠标拖动到指示的正方形。 应该让阿尔及农留在那个盒子里。 谢谢！

另外，是否可以阻止用户将鼠标拖动穿过墙壁？ 谢谢！！

Answer 1

撞墙
http://www.html5rocks.com/zh-CN/tutorials/canvas/notearsgame/

就鼠标和错误而言，我也没有看到。 但是，上面列出的错误是obvs。 您的源代码/脚本有问题。 我浏览了一下，但是那里什么也没有，您在发布示例之前删除了JS吗？\\

编辑

ev.target.appendChild（的document.getElementById（数据））; 这条线。 “错误：尝试在不存在的上下文中引用节点。在HTMLDivElement.ondrop（thomaswd.com/Maze/:50:225）放下（thomaswd.com/Maze/:18:15）时”

dom（getelementbyid）正在寻找ID“鼠标”，但找不到它。 设置图像ID =“鼠标”

我使用了chromes开发人员工具，并在本地编辑了此行，就可以了。 鼠标掉落没有问题。

<img src="rat.png" id="mouse" width="60px" ondragstart="drag(event)" style="cursor:move;" draggable="true">

Answer 2

发生这种情况是因为您没有设置鼠标ID。 将此添加到您的鼠标图像

id="mouse"

其次，对于每个单个TD，需要通过设置这些属性使其可放置。

ondrop="drop(event)" ondragover="allowDrop(event)"