为什么我的自定义拖放脚本失败？

Question

我目前正在尝试编写自己的 JS 拖放脚本（出于纯粹的好奇和无聊，我知道使用框架会容易得多）。 我的目标是一个完全可用的 Firefox3 版本，IE 现在可以等待。

我刚刚遇到了一个奇怪的错误。 当我第一次拖动div时，它工作正常。 当我第二次拖动它时，释放按钮后它不会粘住，我必须再次单击才能将其放下。 第三次和随后的拖动再次完美地工作（！？！）。

请参阅[原始页面][1]（正如我所说，目前仅使用 FireFox）了解发生的情况。 整个事情是作为一个 div 完成的，有两个事件（onmousedown 和 onmouseup），使用 document.captureEvents(Event.MOUSEMOVE) 进行中间移动。 该脚本可以在[这里][2]找到（忽略底部的ajax部分，它是为一些额外的技巧准备的，如果我把它拿出来，错误仍然存​​在）。

如果您过去遇到过类似的情况或者您在某个地方发现了错误，请告诉我。 我知道可能有更好的方法来解决整个问题，但我正在专门寻找一种方法来使我的方法发挥作用。

编辑：Chrome 和 Safari 可以工作。

编辑：使链接离线，在新版本上工作。

Answer 1

好吧，首先，如果你想问的话，这对我来说在 FF3 中是有效的。

这不会是您想听到的，但我强烈建议您从 mootools 或 jquery 或类似工具中选择 DnD 方法。 仅从效率的角度来看，DnD 编码是一件可怕的事情（我自己也做过几次），如果你没有能力（这里没有冒犯的意思）解决出现的大量错误，那将是一个巨大的错误。与仅使用现成的强大成熟的实施相比，会浪费您的时间。 这是一件很难做到的事情。

如果您继续使用自己的代码（作为练习或出于自豪 - 我可以理解:)）这种问题通常是由于某些其他事件而未在您认为的位置捕获事件的结果首先，一个标志没有设置在您认为应该设置的位置，或者（或因为）一个错误在意外的点打破了您的代码。 尝试通过注销事件触发器来逻辑地跟踪正在发生的情况。

如果您可以更详细地定义它如何不起作用，我也许可以进一步追踪它（因为我似乎无法复制），但我确实建议您探索可靠库的好处。