drag & drop

1. 说到拖拽 首先要说说我自己理解的原理（是剪切而不是复制，不知道对不对），其次就是最主要的draggable属性，此属性的默认值是false。支持：火狐4+，谷歌，IE10+。
2. 为需要拖拽的标签设置 draggable后，使用 ondragstart=function（ev）{ev.dataTransfer.setData("Text",ev.target.id);}方法进行设置拖拽。
3. 然后在待放放的标签使用 ondrop= function（ev）{ev.preventDefault();//此为消除浏览器默认值
var data=ev.dataTransfer.getData("Text");//获取到当前拖拽物
ev.target.appendChild(document.getElementById(data));}
4. 最后在待放置的标签使用 ondragover=function（ev）{ev.preventDefault();}再次清楚默认值，以此来完成一次基本的拖放。
5. 同时还有ondragend 等相关属性还待测试中。

drag & drop

原文：http://www.cnblogs.com/HelodieJaqueline/p/4503010.html