2012-10-03 23 views
6

Con Mozilla puedo arrastrar y soltar elementos del nodo DOM gracias a el tipo application/x-moz-node. ¿Hay algún tipo similar con Chrome, Opera, etc.?HTML5 Arrastrar y soltar nodos

Gracias.

+1

Lo que he encontrado hasta ahora es que es básicamente imposible. Sin embargo, si está arrastrando cosas en una página, puede mantener un objeto global de datos y leer/escribir eso; de todos modos, siempre hay un solo arrastre por vez. Parece que no hay forma de arrastrar nodos entre diferentes dominios, pero hasta donde yo sé, no se puede transferir ningún dato especial a otro dominio de ninguna manera. La API 'postMessage' también solo permite cadenas (o al menos, cualquier cosa que sea codificable). Arrastrar nodos a través de iframes del mismo dominio no es muy bonito, pero es posible (el iframe puede leer el objeto global principal). – pimvdb

+0

No parece haber ninguno. También vea: 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

Respuesta

1

Si desea un comportamiento uniforme de arrastrar y soltar en los navegadores, le recomiendo que use jQueryUI. Con Draggable y Droppable, han hecho todo el trabajo por usted.

+1

Esta sería la solución fácil, por supuesto, pero no se integra con la funcionalidad nativa de arrastrar y soltar. – pimvdb

+0

Buen punto. Entonces realmente no tengo ni idea ... –

0

Puede usar Modernizr.draganddrop para detectar la capacidad de HTML 5 nativo Arrastrar & Drop.

Si los navegadores admiten esta característica. puede usar draggable = true para configurar el nodo para que sea arrastrable. De lo contrario, necesita usar JQuerUI para soportarlo.

+0

¿Pero cómo se obtendría el nodo arrastrado en el evento 'drop'? La pregunta es cómo establecer nodos como datos de arrastre. Modernizr no agrega ningún soporte, y jQuery UI tiene poco que ver con este tema. – pimvdb

Cuestiones relacionadas