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

Question

Faites glisser un div vers différentes zones, comment déterminer vers quelle zone il est déplacé ? Veuillez sélectionner différentes zones d'options lors du glisser, comme indiqué dans la figure, comment déterminer vers quelle zone il est déplacé ?

typecho · Answer

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

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

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

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

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

大家讲道理 · Answer

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

.