4

Html5 のドラッグ アンド ドロップ機能を実装し、正常に動作するアプリケーションを作成しています。その場合、要素を再度ドラッグして前の位置にドロップしたい場合、アイテムをドロップする可能性があるアプリケーションです。ここに例がありますhttp://ashishware.com/MochikitDnD.shtmlが、サンプルに MochiKit.js を使用しており、外部のプラグイン/js は必要ありません。同じサンプルまたはコードを提供してください。私のドラッグアンドドロップコードは次のようになります:

function allowDrop(ev)
    {
            ev.preventDefault();
    }

function drag(ev)
    {
            ev.dataTransfer.setData("Text",ev.target.id);
    }

function drop(ev)
    {
            ev.preventDefault();
            var data=ev.dataTransfer.getData("Text");
            ev.target.appendChild(document.getElementById(data));
    }

そしてHtmlは次のようになります

<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>

<div id="drag1" draggable="true" ondragstart="drag(event)" ondragover="allowDrop(event)"></div>

前もって感謝します ：）

4

1 に答える 1

3

何かを「戻す」ことができるようにするには、次のようにドラッグして戻す場所が必要です。

<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
<div id="div2"ondrop="drop(event)" ondragover="allowDrop(event)">
    <div id="drag1" draggable="true" ondragstart="drag(event)"></div>
</div>

それ以外は、コードは機能します(私がテストした Chrome、Firefox、および Opera で)。

于 2012-07-11T07:52:10.473 に答える