HTML5 提供了专门的拖拽与拖放的 API，目前各浏览器都已支持，包括 IE。HTML 拖放（Drag and Drop）接口使应用程序能够在浏览器中使用拖放功能。例如，用户可使用鼠标选择可拖拽（draggable）元素，将元素拖拽到可放置（droppable）元素，并释放鼠标按钮以放置这些元素。
On 型事件处理程序
HTML5 提供了专门的拖拽与拖放的 API，目前各浏览器都已支持，包括 IE。HTML 拖放（Drag and Drop）接口使应用程序能够在浏览器中使用拖放功能。例如，用户可使用鼠标选择可拖拽（draggable）元素，将元素拖拽到可放置（droppable）元素，并释放鼠标按钮以放置这些元素。为大家准备了一个前端资料包。包含54本，2.57G的前端相关电子书，《前端面试宝典（附答案和解析）》，难点、重点知识视频教程（全套）。
作者：Mr_恺
撰写时间：2019.05.21
我们玩电脑的人肯定知道，假如电脑上有一个文件我不想要了，直接
拖拽
到回收站里面去
删除
，但这么简单的操作你们有没有想过是怎么后台写出来的吗？不会的人是不是感觉的很难呢？感觉到难那你就错了，其实它是非常简单的，让我们来一起学习一下吧。
Html
布局：
Css样式：
布局的效果：
接下来就用到如下的事件：
上次...
原文地址：→传送门写在前面在
HTML
5之前，实现拖放功能需要借助mousedown/mousemove/mouseover/mouseout/mouseup等鼠标事件来完成，
HTML
5中拖放API的出现使很多事情变简单。下面是做笔记做笔记~注：未来得及做兼容，请在chrome中打开。
栗子
预览
1
栗子
预览
2
栗子
预览
3
拖放：包括
拖拽
（drag）和释放（drop）
拖放中涉及两个
