JavaScriptで要素をドラッグする方法

Question

JavaScriptを使用してオブジェクトをWebページ上にドラッグ＆ドロップするにはどうすればよいですか？

Answer 1

私はあなたがjQqueryタグを使用していないことがわかりますが、jQuery UIを使用することができれば、もっと簡単にできます。 jQueryのUIを持つとそう簡単

Answer 2

その：

$(document).ready(function() { 
    $('.my_draggable_elems').draggable(); 
}); 

そして、それはそれです。

Answer 3

おそらく私はREDIPS.drag JavaScriptライブラリを提案できます。最小化され、GZIPpedは10Kb以下ですが、多くの機能を提供します。ライブラリはレイアウトとしてHTMLテーブルを使用します。表のセル内のDIV要素を他の表のセルにドラッグできます。イベントハンドラにJavaScriptコードを記述することで、ほぼすべてのシナリオをカバーすることができます。

ここにデモページへのリンクがあります。ダウンロードボタンの近くには、パッケージ全体のコンテンツを見つけることができる「プレビュー」リンクがあります。

http://www.redips.net/javascript/drag-and-drop-table-content/