react 表格单元格拖拽

Posted 2023-03-11

最近公司做一个项目 其中有一项功能就是实现 表格内的标题单元格(所在列)可以进行拖拽 其下的数据也要跟随着拖动

参考技术A 主要就是三个步骤：
1.onmousedown的时候，启动可拖拽事件，记录被拖拽元素的原始坐标参数。
2.onmousemove的时候，实时记录鼠标移动的距离，结合被拖拽元素第一阶段的坐标参数，计算并设置新的坐标值。
3.onmouseup的时候，关闭可拖拽事件，记录新的坐标值。