拖拽交互
交互效果如下:
使用js添加随机颜色,便于显示交互
存在碰撞时,如下:
同一父元素中碰撞,交互位置。
不同父元素中碰撞,碰撞到块时,添加到其前。
不同父元素中碰撞,未碰撞到块时,删除原位置块,添加到新的父元素。
不存在碰撞时,回答原位置
自动处理原父元素中剩余块位置(自动往下掉)。
目前存在问题:
在回到原位过程中,再次点击拖拽,会回到点击的位置。
边界限制做的一般
未阻止默认行为。有时会出现莫名的Bug,不知道从何找起。。