javascript - js drag and drop problem

Question

Drag a p to different areas, how to determine which area it is dragged to

Please select different option areas when dragging as shown. How to determine which area you have dragged to?

Answer 1

The drag API has little contact and only provides ideas: it can be judged based on the distance from the upper left corner of the target when it is dropped

Answer 2

Use positioning to judge the distance relative to the parent element. It is best to use a plug-in for dragging

Answer 3

Personal feeling can be judged by the top value of each p. For example, when the "Please select" block is moved, its top value is closest to the one below, and you can basically determine which area it has been dragged to.

Answer 4

You can take a look at the drag event

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

Answer 5

There are several events for dragging. Looking at the manual, there seem to be 7 events