Sugiro um ajuste na função onde crias os clones. Algo assim:
function mousedown(e) {
e.preventDefault();
var evt = e || window.event;
var el = ddData.element = evt.target || evt.srcElement;
var id = ddData.element.id
if (!el || el.tagName == 'svg' || ddData.movidos[id]) return ddData.element = null;
var clone = el.cloneNode(true);
el.id = id + '_' + (ddData.contadorElementos++);
el.parentNode.appendChild(clone);
Desta maneira cada novo clone vai ter o ID original, e o elemento que arrastas (ddData.element
) vai ter um ID único formado pelo ID do elemento original (img1
ou img2
no exemplo que deste) mais uma parte _x
que é o numero do ddData.contadorElementos
que vai sempre aumentando a cada elemento gerado.
Dessa maneira tens sempre IDs unicas e podes ir buscar o elemento quando precisares e cuja ID está registada nas chaves do teu objeto ddData.movidos
.
ddData.movidos
, podes usar essa ID para recuperar os dados de novo certo? Como queres recuperar os dados ou indentificar o objeto?document.getElementById(id);
certo? também podes guardar no objetoddData.movidos
um campo comel: ddData.element
.