拖拽回收删除

拖拽回收删除
开发工具与关键技术：DW
作者：Mr_恺
撰写时间：2019.05.21

我们玩电脑的人肯定知道，假如电脑上有一个文件我不想要了，直接拖拽到回收站里面去删除，但这么简单的操作你们有没有想过是怎么后台写出来的吗？不会的人是不是感觉的很难呢？感觉到难那你就错了，其实它是非常简单的，让我们来一起学习一下吧。
Html布局：

Css样式：

布局的效果：

接下来就用到如下的事件：

上次做Html5拖拽的时候只用了两个事件，现在我把全部的事件用来演示给你们看看：
先进行拖拽元素的监听：

后进行目标元素的监听：

到了这一步已经搞定了，效果就可以出来了。

在这里上面的图片中七个事件，用得上的只有6个事件，一个ondrag事件在这里用只是演示的效果，没实在的意义。
但是这样设置只兼容谷歌浏览器，在火狐浏览器下是没有效果的，接下来搞过
既兼容谷歌浏览又兼容浏览器的拖拽回收删除