html5 拖放

传送门

需注意的知识点：

1.链接和图片默认是可以拖放的，不用设置dragable='true',如要拖动div则需要设置

2.在目标元素上定义一个dragover事件，然后在事件句柄中使用event.preventDefault()来阻止默认行为，从而允许拖放

3.在目标元素上定义一个drop事件，然后在事件句柄中使用event.preventDefault()来阻止默认行为，防止在新窗口中打开

4.传输数据使用event.dataTransfer对象，该对象最常用的有两个方法： getData() 和 setData()。两个方法的第一个参数都是数据类型，为了保持和IE兼容，最好使用text和URL两种

5.当拖放的是文件时,可通过event.dataTransfer.files来访问相应的文件