在 javascript 中拖放克隆

Question

我正在制作一个拖放部分，在顶部我有可以映射到键字段的值字段。

我为此使用 HTML5 拖放。 我想要的是，它应该克隆 div 然后拖放它。 我不希望原始的 Value 芯片从顶部栏中消失。

public drop(ev) {
  ev.preventDefault();
  if (ev.target.hasChildNodes()) {
    return;
  }
  const data = ev.dataTransfer.getData("text");
  ev.target.appendChild(document.getElementById(data));
}

public drag(ev) {
  this._logger.warn("Inside drag()");
  ev.dataTransfer.setData("text", ev.target.id);
}

public allowDrop(ev) {
  ev.preventDefault();
  if (ev.target.hasChildNodes()) {
    return;
  }
}

Answer 1

您可以使用 cloneNode() 克隆原始 div，然后对其进行操作。