1

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>

どんな助けにも感謝します。答えが明白な場合は申し訳ありませんが、私はこれに慣れていません。

4

0 に答える 0