在ondragstart上拖放Javascript

时间:2019-02-05 13:21:58

标签: javascript copy drag

我正在第一个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));

如果这很简单,请不要生气,这是我的第一个项目。

0 个答案:

没有答案