HTML5のドラッグアンドドロップ機能があります。アイテムを div1 から div2 にドラッグできます。
私がやりたいことは、div2 にドロップされたすべてのアイテムに対して、自動的にリスト番号を付けることです。現時点で、テキストを div2 に追加するための JS コードは次のようになります。
function drop(ev) {
ev.preventDefault();
var data=ev.dataTransfer.getData("Text");
ev.target.appendChild( document.getElementById(data));
}
上記は、要素を div2 にドロップします。
以下、ドラッグ機能について説明します。
function drag(ev) {
ev.dataTransfer.setData("Text",ev.target.id);
}
html は次のようになります。
<div id="div1" ondrop="drop(event)">
<div id="title" draggable="true" ondragstart="drag(event)" style="font-family:Metacopy">Text to be Dragged</div>
</div>
<div id="div2" ondrop="drop(event)"></div>
どんな助けにも感謝します。答えが明白な場合は申し訳ありませんが、私はこれに慣れていません。