JavaScript鼠标拖动DIV交换位置，怎么计算放下的落点位置

Question

现在有个疑问就是
2.拖动DIV进行交换时，它的思路是不是这样子的：鼠标mousedown时，记下被拖动的DIV的top 、left的坐标值，然后拖动到要与某个DIV进行交互时，记下要某个DIV的top 、left值，当鼠标mouseup的时候，改变两个DIV的top、left值实现位置交换。

2.当我拖动元素的时候，是通过什么来决定可以进行位置交换了，如图：我把DIV拖到左边DIV和右边DIV的中间位置处，这个时候是怎么决定它是与左边的还是右边的交换呢？是根据鼠标坐标是在左边DIV区域或右边DIV区域来决定吗

Answer 1

这个思路是完全可以的。关于与哪个div交换，这就要看你的项目需求了，你可以根据拖拽元素的左上角来判断，也可以根据中心点，还可以根据鼠标位置，这不是一个规范性的东西。