Получить верхнюю / левую координаты перетаскиваемого элемента (не указатель)

Question

У меня есть перетаскиваемый элемент jQuery UI:

<span id="dragme">Rectangle</span>

Когда я опускаю этот элемент в выпадающий элемент div, я получаю координаты сверху / слева, например:

 drop: (event, ui) => {
        const rect = event.target.getBoundingClientRect();
        const top = event.clientY - rect.top;
        const left = event.clientX - rect.left;
 }

Thisработает нормально, но проблема в том, что верхние / левые координаты, которые я получаю, являются координатами указателя мыши, и мне нужен верхний / левый элемент перетаскиваемого элемента:

Как этого достичь?

Answer 1

Вы можете использовать offset() для получения точной позиции.

drop: (event, ui) => {
        const rect = event.target.getBoundingClientRect();
        const top = $("#dragme").offset().top;
        const left = $("#dragme").offset().left;
 }