javascript - problème de glisser-déposer js

Question

Faites glisser un p vers différentes zones, comment déterminer vers quelle zone il est glissé

Veuillez sélectionner différentes zones d'options lorsque vous faites glisser, comme indiqué sur l'image. Comment déterminer vers quelle zone vous avez fait glisser ?

Answer 1

L'API drag a peu de contact et ne fournit que des idées : elle peut être jugée en fonction de la distance depuis le coin supérieur gauche de la cible lorsqu'elle est larguée

Answer 2

Utilisez le positionnement pour juger de la distance par rapport à l'élément parent. Il est préférable d'utiliser un plug-in pour faire glisser

.

Answer 3

Le sentiment personnel peut être jugé par la valeur supérieure de chaque p. Par exemple, lorsque le bloc « Veuillez sélectionner » est déplacé, sa valeur supérieure est la plus proche de celle du dessous et vous pouvez essentiellement déterminer vers quelle zone il a été glissé.

Answer 4

Vous pouvez jeter un œil à l'événement drag

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

Answer 5

Il y a plusieurs événements à faire glisser. En regardant le manuel, il semble y avoir 7 événements

.