原文地址:→传送门 写在前面 在HTML5之前,实现拖放功能需要借助mousedown/mousemove/mouseover/mouseout/mouseup等鼠标事件来完成,HTML5中拖放API的出现使很多事情变简单.下面是做笔记做笔记~ 注:未来得及做兼容,请在chrome中打开. 源码地址 栗子预览1 栗子预览2 栗子预览3 拖放过程 拖放:包括拖拽(drag)和释放(drop) 拖放中涉及两个元素,分别是:源对象和目标对象,如下图 源对象是被拖拽的元素,目标对象是要释放到的接收元素.…