ドラッグされているオブジェクトの下の要素を検出する

<body>の最後の子として絶対配置された要素があります。それは引っ張られている。私はこの要素のx、yの位置を持っており、視覚的にその要素の下にどの要素があるかを知りたいと思っています。ドラッグされているオブジェクトの下の要素を検出する

私はdocument.getElementFromPoint(x, y)メソッドについて聞いたことがあります。しかし、明らかに、それはドラッグされている要素を返すだけです。これは、Z-インデックススタックの一番上の要素です。また、この要素の唯一の親が<body>であるため、これにより処理が難しくなります。

どのような考えですか？

（PS。私は純粋なjavascriptソリューションが必要です）

出典

2012-03-03 wilsonpage

要素がドラッグされた場合、 'dragenter'と' dragover'が要素に対して実行されます。あなたはおそらくこれらを使用することができます。 –

jQuery UI DraggableとDroppableをご覧ください。最も重要なことは、他の要素がドロップされるのをサポートする要素の動作を簡単に操作できることです。それらの上にドラッグされた。

出典

2012-03-03 15:14:24

ああ、ちょうどPSを読んでいます。純粋なJSであればjQueryを意味していなかったら残念です。 –

何をしているかによって、ドラッグアンドドロップの状態はそれほど暑くはありません。 Jqueryの実装は、いくつかの状況（私が開発しているものではない）でうまく動作し、HTML5のdragenter/dragover仕様は混乱します。

jQuery UIのソリューションを使用できる場合は、それを実行してください。それ以外の場合は、ドラッグ可能なターゲットとして適格なオブジェクトのリストを維持し、オブジェクトをドラッグする際にそれぞれをチェックして循環させる必要があります（ドラッグアンドドロップのアプリを複雑にしています。私はそれを聞きたいと思う別の実行可能な解決策があります）。

出典

2012-03-27 18:07:04 hammerbrostime

ドラッグされているオブジェクトの下の要素を検出する

答えて

関連する問題