HTML5节点拖放

Question

HTML5节点拖放

htmldrag-and-drop

8

在Mozilla中，我可以通过使用application/x-moz-node类型来拖放DOM节点元素。是否存在类似于Chrome、Opera等浏览器中的相同类型呢？

谢谢。

- xdevel2000

2

到目前为止，我发现这基本上是不可能的。但是，如果您在一个页面上拖动东西，可以保留全局数据对象并读取/写入该对象 - 无论如何始终只有一个拖动正在进行。似乎没有办法在不同域之间拖动节点，但据我所知，您无法通过任何方式将任何特殊数据传输到另一个域。postMessage API 也仅允许字符串（或至少是可字符串化的内容）。在同一域的 iframe 之间拖动节点不太美观，但是可以实现（iframe 可以读取父级全局对象）。 - pimvdb

1

似乎没有任何问题。另请参见：http://stackoverflow.com/questions/14291590/what-is-the-data-type-in-html-5-if-i-need-to-drag-and-drop-a-div-to-another-div - RhinoDevel

2个回答

0

您可以使用Modernizr.draganddrop来检测HTML 5本地拖放的能力。

如果浏览器支持此功能，可以使用draggable=true将节点设置为可拖动。否则，需要使用JQuerUI来支持它。

- Jake Lin

1

但是在drop事件中，如何获取拖动的节点呢？问题在于如何将节点设置为拖动数据。Modernizr不提供任何支持，jQuery UI也与此主题无关。 - pimvdb

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Ismael Ghalimi · Accepted Answer

如果您希望在不同浏览器上实现拖放的一致行为，我建议您使用jQueryUI。通过Draggable和Droppable，他们已经为您完成了所有艰苦的工作。