1.该写法是面向对象
1.定义鼠标位置;
2.遍历需要换位的元素,
01.添加初始化方法,从父元素中取出,设置position:absolute;
Left top值为父元素的值
02.添加move方法-->鼠表松开时回到原位->传入回调函数
02.添加拖拽方法-->鼠标松开时调用move方法,回归原位置
03.添加碰撞检测方法,根据不同情况direction 返回不同方向值;
04.交换位置的方法:传入当前拖拽元素 和 方向值作为参数-->this的指向
拖拽换位
本文共 1115 字,大约阅读时间需要 3 分钟。
1.该写法是面向对象
1.定义鼠标位置;
2.遍历需要换位的元素,
01.添加初始化方法,从父元素中取出,设置position:absolute;
Left top值为父元素的值
02.添加move方法-->鼠表松开时回到原位->传入回调函数
02.添加拖拽方法-->鼠标松开时调用move方法,回归原位置
03.添加碰撞检测方法,根据不同情况direction 返回不同方向值;
04.交换位置的方法:传入当前拖拽元素 和 方向值作为参数-->this的指向
拖拽换位
转载于:https://www.cnblogs.com/vali/p/5661718.html