Javascript – JS-Drag-and-Drop-Problem

Question

Ziehen Sie ein Div in verschiedene Bereiche. Wie bestimmen Sie, in welchen Bereich es gezogen wird? Bitte wählen Sie beim Ziehen verschiedene Optionsbereiche aus, wie in der Abbildung gezeigt. Wie bestimmen Sie, in welchen Bereich es gezogen wird?

typecho · Answer

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

巴扎黑 · Answer

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

迷茫 · Answer

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

黄舟 · Answer

可看下拖拽事件

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

大家讲道理 · Answer

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