我有一个 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>
我会很感激任何帮助。对不起,如果答案很明显,我对此有点陌生。