jquery - 知道拖动时您所在的元素

Question

我面临着与此线程几乎相同的问题:

jQuery droppable - receiving events during drag over (not just on initial drag over)

唯一的区别是我需要知道我已经结束的元素，并且它不是“可删除”元素。它只是我的 droppable 中的一个元素。

因此，如果我有一个具有 3 个子 DIV 的父 DIV(即可放置的)，当我将项目拖动到 3 个子 DIV 上时，我想知道在放置时该项目是否应该放置在上面或位于子元素之一下方。

存在与上面帖子中相同的问题(鼠标悬停等，事件不会在可放置 div 的子元素上触发)。

想法？

Answer 1

您可以获取鼠标 X 和 Y 坐标或项目放置时的 X 和 Y 偏移量 - 加上它的高度和宽度等，以便您可以计算对象的边界并获得准确的放置位置。

$(this).offset().top / $(this).offset().left

$(document).mousemove(function(event) {
    currentMousePos.x = event..pageX;
    currentMousePos.y = event.pageY;
});

然后迭代位于下面的对象并将它们的坐标/边界与您的对象的坐标/边界进行比较。如果不是一个简单的调用，您可以使用一些逻辑来计算上面的内容是否比下面的内容多等等。