拖放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，然后对其进行操作。