https://github.com/web2solutions/drag-and-drop
https://github.com/web2solutions/drag-and-drop
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/web2solutions/drag-and-drop
- Owner: web2solutions
- Created: 2015-12-15T13:05:59.000Z (over 10 years ago)
- Default Branch: gh-pages
- Last Pushed: 2015-12-01T13:30:00.000Z (over 10 years ago)
- Last Synced: 2025-10-27T05:44:02.404Z (10 months ago)
- Language: HTML
- Size: 7.81 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
This repository is for examples and demos of the [HTML Drag and Drop](https://html.spec.whatwg.org/multipage/interaction.html#dnd) standard.
Examples:
* [Copy and Move elements with DataTransfer](https://mdn.github.com/drag-and-drop/copy-move-DataTransfer.html) interface. This Web app should work on all browsers that support HTML Drag and Drop.
* [Copy and Move elements with DataTransferItemList](http://mdn.github.io/drag-and-drop/copy-move-DataTransferItemList.html) interface. This Web app will only work with browsers that support the DnD [DataTransferItem](https://html.spec.whatwg.org/multipage/interaction.html#datatransferitem) and [DataTransferItemList](https://html.spec.whatwg.org/multipage/interaction.html#datatransferitemlist) interfaces.
* [DnD Feature Check](http://mdn.github.io/drag-and-drop/DnD-support.html). This app logs to the console whether or not the browser supports the DnD interfaces ([DragEvent](https://html.spec.whatwg.org/multipage/interaction.html#dragevent), [DataTransfer](https://html.spec.whatwg.org/multipage/interaction.html#datatransfer), [DataTransferItem](https://html.spec.whatwg.org/multipage/interaction.html#datatransferitem) and [DataTransferItemList](https://html.spec.whatwg.org/multipage/interaction.html#datatransferitemlist)).
* [File Drag and Drop](http://mdn.github.io/drag-and-drop/File-drag.html). Select one or more files in a File Manager and drag them to this app's drop zone.
External DnD Demos:
* [Drag and Drop File](https://jsbin.com/hiqasek/edit?html,js,output); jsbin