私は 2 つの別々<p>
の要素を持っています。私がやりたいのは、それらをクリックして新しい場所にドラッグ アンド ドロップできるようにすることです。そして、それらがドロップされたら、cssleft:
とtop:
値をコンソールに送信するようにします。
top: 0
彼らは、で始まりleft: 0
ます。最終的に報告された上と左の値が、最初の位置に相対的であることを望みます。したがって、元の位置から右に 5 ピクセル、下に 15 ピクセルドラッグ アンド ドロップすると、元の位置に戻りtop: 15, left: 5
ます。
これを簡単に実行できる場合は、jQueryも使用しています。では、どうすればこれを行うことができますか?
また、理想的には、ドラッグ アンド ドロップ時にテキスト カーソルで誤って選択しないようにしたいです。それらをdivのように振る舞わせたり、それらの形状に適合し、それらの上にあるが見えないdivで覆う方法はありますか?