javascript - HTML5 拖放功能不起作用

Question

我正在使用 HTML5 拖放脚本，但它不起作用。当我在 safari 中使用错误控制台时，它显示:

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 。尝试将鼠标拖动到指示的方 block 。它应该让阿尔吉农留在那个盒子里。谢谢!

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

Answer 1

墙壁碰撞
http://www.html5rocks.com/en/tutorials/canvas/notearsgame/

就鼠标和错误而言，我也没有看到。然而上面列出的错误是显而易见的。您的源/脚本有问题。我看了一下，没有任何内容，你在发布示例之前删除了 JS 吗？\

编辑

ev.target.appendChild(document.getElementById(data));这条线。 “错误:尝试在不存在的上下文中引用节点。在 HTMLDivElement.ondrop (thomaswd.com/Maze/:50:225) 处放置 (thomaswd.com/Maze/:18:15) ”

doms (getelementbyid) 正在寻找 ID“mouse”，但找不到。设置图像ID =“鼠标”

我使用了 Chrome 开发者工具并在本地编辑了这一行，它成功了。并且鼠标毫无问题地掉落。

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