例子1

例子2

events

• dragstart
• drag
• dragenter
• dragleave
• dragover
• drop
• dragend

event.dataTransfer.effectAllowed

• copy: A copy of the source item may be made at the new location.
• move: An item may be moved to a new location.
• link: A link may be established to the source at the new location.
• copyLink: A copy or link operation is permitted.
• copyMove: A copy or move operation is permitted.
• linkMove: A link or move operation is permitted.
• all: All operations are permitted.
• none: the item may not be dropped.
• uninitialized: the default value when the effect has not been set, equivalent to all.

links

• http://blog.teamtreehouse.com/implementing-native-drag-and-drop
• http://demos.mattwest.io/drag-and-drop/
• http://www.html5rocks.com/en/tutorials/dnd/basics/
• http://html5doctor.com/native-drag-and-drop/