Drag and Drop
Method of easily dragging and dropping elements on a page, requiring minimal JavaScript.
IE | Edge | Firefox | Chrome | Safari | Opera | iOS Safari | Opera Mini | Android Browser | Blackberry Browser | Opera Mobile | Chrome for Android | Firefox for Android | IE Mobile | UC Browser for Android | Samsung Internet | QQ Browser | Baidu Browser |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
49 | |||||||||||||||||
56 | 9.3 | 4.4 | |||||||||||||||
14
See notes:
|
52 | 57 | 10 | 10.0-10.2 | 4.4.3-4.4.4 | 4 | |||||||||||
11
See notes:
|
15
See notes:
|
53 | 58 | 10.1 | 44 | 10.3 | all | 56 | 10 | 37 | 57 | 52 | 11 | 11.4 | 5 | 1.2 | 7.12 |
54 | 59 | TP | 45 | ||||||||||||||
55 | 60 | 46 | |||||||||||||||
56 | 61 |
Notes
dataTransfer.items
only supported by Chrome.
Currently no browser supports the dropzone
attribute.
Firefox supports any kind of DOM elements for .setDragImage
. Chrome must have either an HTMLImageElement
or any kind of DOM elements attached to the DOM and within the viewport of the browser for .setDragImage
.
-
1
Partial support refers to no support for the
dataTransfer.files
or.types
objects -
2
Partial support refers to not supporting
.setDragImage
-
3
Partial support refers to limited supported formats for
dataTransfer.setData
/getData
.