4

このスレッドとほぼ同じ問題に直面しています:

jQuery ドロップ可能 - ドラッグ オーバー中にイベントを受け取る (最初のドラッグ オーバー時だけでなく)

唯一の違いは、私が終わった要素を知る必要があり、それは「ドロップ可能な」要素ではないということです。それは私のドロップ可能な要素の中にあるだけです。

したがって、3 つの子 DIV を持つ親 DIV (ドロップ可能な DIV) がある場合、アイテムを 3 つの子 DIV の上にドラッグしているときに、ドロップしたときにアイテムを 1 つの上または下にドロップする必要があるかどうかを知りたい子要素の。

上記の投稿と同じ問題が存在します (マウスオーバーなど、ドロップ可能な div の子要素でイベントが発生しません)。

考え？

4

1 に答える 1

0

アイテムをドロップすると、マウスの X 座標と Y 座標、またはアイテムのオフセット X と Y を取得できます。さらに、アイテムの高さと幅などを取得できるため、オブジェクトの境界を計算して正確なドロップ位置を取得できます。

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

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

次に、下にあるオブジェクトを繰り返し処理し、それらの座標/境界をオブジェクトのものと比較します。単純な呼び出しでない場合は、下よりも上にある場合などに機能するロジックをいくつか持つことができます。

于 2013-09-25T14:24:09.580 に答える