拖放div而不进行克隆

Question

请帮忙。我认为这很简单，但我无法弄明白该怎么做。

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

问题在于：

当我拖动（尚未丢弃）一个盒子（这是一个div）时，我在屏幕上有两个该盒子的副本：一个是原始位置的盒子，另一个是盒子拖着我的鼠标。

我想要实现的目标是：

我希望一旦开始拖动，原始框就会消失。我想要出现在屏幕上的唯一一个框就是随着我的鼠标一起拖动。

我使用CodeIgniter作为我的框架，然后使用javascript作为我的拖放效果。我没有使用jquery，因为我对它的知识非常有限。

感谢。

Answer 1

为什么这需要使用克隆，我无法理解。我在jsfiddle上写了一个DEMO，可能需要原生的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;
}