background preloader

Drag and Drop API

Facebook Twitter

Drag and Drop in Firefox 3.5. Drag Operations. The following describes the steps that occur during a drag and drop operation.

Drag Operations

The Draggable Attribute Within a web page, there are certain cases where a default drag behavior is used. These include text selections, images, and links. When an image or link is dragged, the URL of the image or link is set as the drag data, and a drag begins. For other elements, they must be part of a selection in order for a default drag to occur. Cross Browser HTML5 Drag and Drop. Updates: May 10, 2013: This article has been translated into Serbo-Croatian language by Anja Skrba from Webhostinggeeks.com.Feb 3, 2009: A bug in Webkit seems to be the culprit in the permissions form example below not working correctly in Safari 4.

Cross Browser HTML5 Drag and Drop

The code has been updated to work around this bug and the article below has been updated. Thanks to russbuelt for pointing this out.Feb 3, 2009: Apparently, an example made by Apple which I reported not working in Safari does work in Safari 4.0.4 for Mac OS X. Thanks for Scott Straker for this information. Image Credit: Flickr user svartling.

HTML5. This section describes the status of this document at the time of its publication.

HTML5

Other documents may supersede this document. A list of current W3C publications and the latest revision of this technical report can be found in the W3C technical reports index at The management and production of this document follows a relatively complex setup.