javascript - 无需克隆即可拖放 div

Question

请帮忙。我认为这很简单，但我不知道该怎么做。

我已经成功创建了可拖动元素，并且它们按预期完美运行。我可以毫无错误地拖放它们。

问题是这样的:

当我拖动(还没有放下)一个盒子(它是一个 div)时，我的屏幕上有那个盒子的两个副本:一个是它原来位置的盒子，另一个是那个盒子随我的鼠标一起拖动。

我想实现的是:

我希望当我开始拖动时，原来的盒子就消失了。我唯一想出现在屏幕上的框是随鼠标一起拖动的框。

我使用 CodeIgniter 作为我的框架，然后使用 javascript 来实现我的拖放效果。我没有使用 jquery，因为我对它的了解非常有限。

谢谢。

Answer 1

为什么这个需要用clone，我不明白。我写了一个DEMO在 jsfiddle 上使用您可能需要的 native javascript。

ZxDrugProto._druging = function(e) {
    this.top = e.clientY - this.preY + this.top;
    this.left = e.clientX - this.preX + this.left;
    this.dom.style.top = this.top+'px';
    this.dom.style.left = this.left+'px';
    this.preY = e.clientY;
    this.preX = e.clientX;
}