HTML5通过按钮和td进行拖放

我试图拖动一个按钮并将其放到td上，但它似乎不起作用。拖动很容易。但我似乎无法设置td来接受下降。这是你的电话号码

---

我已经查看了上的文档，但仍然无法找出我做错了什么。

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

---

JQueryUI:&

在我看来，您的

dragenter

处理程序中的警报调用似乎有问题。我已经更新了中的调试语句，以使用

console.log

而不是

alert

，这似乎会在最新版本的Chrome中产生预期的行为

输出调试语句时，

console.log

比

alert

方法要好得多，尤其是因为它的侵入性要小得多。如果你担心浏览器中不支持控制台的错误，你可能会考虑使用一个SHIV。p>

---

在跨浏览器支持方面，我的建议是检查您希望支持的所有浏览器是否完全支持拖放。是进行此类检查的极好资源，不过您也可以在每个目标浏览器中测试您链接到的演示之一。如果不是，那么你应该采纳DaSououl的建议并考虑JQuyYUI，它旨在为支持某些特性提供这些令人沮丧的缺口和特质。p> 谢谢，但我希望使用原生HTML5元素。（如果它得到支持，它应该可以工作，该死的！！：-）如果我想不出如何使它工作，我会使用一个库。在经历了这些跨平台的疯狂浏览器异常之后，我相信DaneSoul有正确的答案。这不是我想要的，而是我需要的。好链接，小叮当！有趣的事情，我现在知道如何避免HTML5的拖放。谢谢。你的小提琴可以在Chrome/Windows上使用，但不能在Chrome/Mac上使用。你知道如何让你的小提琴在所有平台上都能演奏吗？PS-您已从dragenter处理程序中删除警报。拖放处理程序仍在使用警报。我没有看到任何控制台日志，所以可能是您发送了错误的链接？抱歉，显然没有将更改保存到我的小提琴上。请尝试答案中的更新链接，并告诉我它是否在Mac中修复。在Chrome/Win7、Safari/Mac中工作。不适用于Chrome/Mac或任何Firefox。在Safari/Windows上，dragEnter可以工作，但dragEnter不能工作。这太疯狂了。有趣的是，dragEnter原木燃烧了好几次。它应该只发射一次。不幸的是，我无法在Mac上测试，但我已经用一些进一步的建议更新了我的答案。你是对的。我对你的回答投了赞成票，但接受了DaneSoul的回答。