js拖拽的问题

Question

拖动一个div到不同区域，怎么判断是拖动到了哪个区域

如图拖动请选择到不同的选项区域，怎样判断具体拖动到了哪个区域

Answer 1

拖拽API接触少，只提供思路：可以根据目标在drop时距离左上角的距离来判断

Answer 2

使用定位 判断相对与父元素的距离来判断 拖拽最好是用插件

Answer 3

个人感觉可以通过各个div的top值来判断。比如“请选择”这块移动时，它的top值和下面的哪一个最接近，就基本上可以判断它拖动到了哪个区域。

Answer 4

可看下 拖拽事件

drop(e) {
    e.target // 目标元素
}

Answer 5

拖拽有好几个事件，看看手册，好像有7个事件