推荐课程HTML5教程拖drag放drop在页面中是一种常见的HTML5特效，它所表示的就是抓取对象以后再拖放到另一个位置在 HTML5 中，任何元素都能可以进行拖放，所以接下来在文章中将通过实例详细告诉大家如何实现拖。

这个需要用到javascript，拖拽时添加属性样式就行了。

html5这个属性只是标明这个层，可以做这个动作而已你真正要操作这个动作，你需要js来操作它。

1创建两个html文件，一个test一个test22打开test页面，在里面创建一个div，并给其添加onmousedown与move方法3打开后我们发现是一个棕绿的页面4定义两个变量，startx为鼠标按下的坐标，endx为鼠标移动的坐标。

ondrop事件被拖拽的元素在目标元素上同时鼠标放开触发的事件，作用在目标元素上ondragend事件拖拽完成后触发事件，作用在被拖拽元素上EventpreventDefault方法阻止默认方法执行ondragover中一定要执行preventDefault。

拖拽的过程就不说了，这里主要说一下如何在前端获取到图片的相关信息html5里有一个fileReader的全局变量，用来读取本地文件，比如txt，img等，下面是一个简单的代码function checkFilefilesvar file = files0var。