HTML5 拖放按钮和 td



我正在尝试将一个按钮拖放到td上,但它似乎不起作用。拖动很容易。但我似乎无法设置 td 来接受下降。这是jsFiddle链接

我已经查看了一些优秀文章的文档,但仍然无法弄清楚我做错了什么。

在我看来,

dragenter处理程序中的警报调用存在问题。我已经更新了您的小提琴中的调试语句以使用 console.log 而不是 alert这似乎会导致最新版本 Chrome 中的预期行为。

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

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

您可以使用 JQueryUI 轻松实现拖放:

JQueryUI: Draggable & Droppable

最新更新