得到已丢弃的东西的id

Question

我想制造一个阻力＆amp;放下视频播放器，我被困住了。

我有几个div dropzones，我想要一个接一个播放的视频（将与视频文件相关联的视频的div id / picture）。我会用阵列做到这一点。我的问题是我不能让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。