带有按钮和 td 的 HTML5 拖放

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，它旨在掩盖这些令人沮丧的差距和特质以支持某些功能。