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