1

我正在使用 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 。尝试将鼠标拖动到指示的方块。它应该让阿尔杰农留在那个盒子里。谢谢！

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

4

2 回答 2

1

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

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

编辑

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

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

我使用了 chromes 开发工具并在本地编辑了这一行，它工作正常。并且鼠标没有问题地掉落。

<img src="rat.png" id="mouse" width="60px" ondragstart="drag(event)" style="cursor:move;" draggable="true">
于 2013-02-13T03:23:04.223 回答
0

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

id="mouse"

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

ondrop="drop(event)" ondragover="allowDrop(event)"
于 2013-02-13T05:56:01.640 回答