Перетащите и скопируйте Javascript ondragstart

Question

Я в своем первом проекте Javascript.Я хочу сделать сценарий перетаскивания и копирования, где вы можете продолжать перетаскивать изображение после того, как вы его уронили.Вот что я сделал:

function drag(ev) {
    ev.dataTransfer.setData("text", ev.target.id);
}
function drop(ev) {
    ev.preventDefault();
    var data = ev.dataTransfer.getData("text");     
    var original = document.getElementById(data);
    var copyimg = document.createElement("img");
    copyimg.src = original.src;
}

Чтобы сделать перетаскиваемое новое изображение, я добавил:

copyimg.setAttribute('draggable', 'true');
copyimg.ondragstart = function(){drag(event)};

И, наконец, отбросим его:

ev.target.appendChild(copyimg);

Но это не работает.Я могу перетащить первое изображение, но после того, как я его уронил, я не могу перетащить и скопировать уже перетаскиваемое изображение снова.Я также пытался сделать это с помощью EventListener, но он тоже не работал:

copyimg.addEventListener("dragstart", drag(event));

Пожалуйста, не сердитесь, если это легко, это мой первый проект.