javascript - 获取已删除的东西的 id

Question

我想做一个拖放视频播放器，但我被卡住了。

我有几个 div dropzones，我希望已删除的视频（将链接到视频文件的视频的 div id/图片）一个接一个地播放。我要用数组来做。我的问题是我无法让 dropzones 告诉我放入其中的内容。我已经尝试了几件事，但没有任何效果。

我在用着：

<div id="divDropzone1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>

<div id="Video1" draggable="true" ondragstart="drag(event)"><img   src="images/Video1.jpg" onclick="Video1()"></div>

function allowDrop(ev)
{
ev.preventDefault();
}

function drag(ev)
{
ev.dataTransfer.setData("Text",ev.target.id);
}

function drop(ev)
{
ev.preventDefault();
var data=ev.dataTransfer.getData("Text");
ev.target.appendChild(document.getElementById(data));
}

Answer 1

var data=ev.dataTransfer.getData("Text");

那行代码是关键，如果改成drop()下面这样

function drop(ev){
ev.preventDefault();
var data=ev.dataTransfer.getData("Text");
console.log(data);
ev.target.appendChild(document.getElementById(data));
}

您将看到您可以获取您删除的元素的 id。