Javascript – JS-Drag-and-Drop-Problem

Question

Ziehen Sie ein P in verschiedene Bereiche, um zu bestimmen, in welchen Bereich es gezogen wird

Bitte wählen Sie beim Ziehen verschiedene Optionsbereiche aus, wie im Bild gezeigt. Wie können Sie feststellen, in welchen Bereich Sie gezogen haben?

Answer 1

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

Answer 2

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

Answer 3

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

Answer 4

可看下 拖拽事件

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

Answer 5

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