①draggable属性:让盒子可以进行拖拽;
②ondragstart:当用户开始拖动一个元素或文本选择时,会触发dragstart事件;
③ondragover:当元素或文本选择被拖到有效的拖放目标上时(每几百毫秒一次),就会触发拖放事件;
④ondragenter:当被拖动的元素或文本选择进入有效的拖放目标时,会触发dragenter事件;
⑤ondragend: 当拖放操作结束时(通过释放鼠标按钮或点击escape键)触发dragend事件;
⑥e.dataTransfer.effectAllowed:用于设置拖放时的效果,常用参数有(move,link,copy);
⑦getBoundingClientRect:返回元素对于视口的信息;
⑧requestAnimationFrame:重绘动画;
⑨cancelAnimationFrame:用于取消requestAnimationFrame调用请求;
(参考:mp.weixin.qq.com/s/2Iy46dKfv…