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