HTML5 拖放按钮和 td

Question

我试图拖动一个按钮并将其放到 td 上，但它似乎不起作用。拖动很容易。但我似乎无法设置 td 来接受掉落。这是jsFiddle link

我查看了 some 上的文档excellent articles但还是不明白我做错了什么。

Answer 1

在我看来，这像是 dragenter 处理程序中的警报调用存在问题。我已经更新了您的 fiddle 中的调试语句使用 console.log 而不是 alert 这似乎会在最新版本的 Chrome 中产生预期的行为。

对于输出调试语句来说，

console.log 是比 alert 方法更好的选择，尤其是因为它的侵入性要小得多。如果您担心不支持控制台的浏览器中的错误，HTML5 boilerplate 中包含一个 shiv。您可能应该考虑使用它。

在跨浏览器支持方面，我的建议是检查您希望支持的所有浏览器是否完全支持拖放操作。 caniuse.com是进行此类检查的绝佳资源，尽管您也可以在每个目标浏览器中测试链接到的演示之一。如果没有，那么您应该采纳 DaneSoul 的建议并考虑 jQueryUI，它旨在掩盖这些令人沮丧的差距和特性，以支持某些功能。