Javascript 正在获取已删除内容的id

Javascript 正在获取已删除内容的id,javascript,html,Javascript,Html,我想做一个拖放视频播放器,但我被卡住了 我有几个div dropzone,我希望已删除的视频(div id/将链接到视频文件的视频图片)能够一个接一个地播放。我要用一个数组来做。我的问题是,我无法让dropzones告诉我哪些内容已被放入其中。我试过好几种方法,但都不管用 我正在使用: <div id="divDropzone1" ondrop="drop(event)" ondragover="allowDrop(event)"></div> <div id="

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

我有几个div dropzone,我希望已删除的视频(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));
}

功能allowDrop(ev)
{
ev.preventDefault();
}
功能阻力(ev)
{
ev.dataTransfer.setData(“文本”,ev.target.id);
}
功能下降(ev)
{
ev.preventDefault();
var data=ev.dataTransfer.getData(“文本”);
ev.target.appendChild(document.getElementById(数据));
}
如果将
drop()
更改为以下内容,则该行代码就是关键

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

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

为什么不向drop函数传递一个标识符呢?我已经尝试了alert();但什么也没发生。与console.log相同,控制台中不显示任何内容。这可能是因为代码在任何拖动操作完成之前运行。我做了一个调试按钮,但即使我做了一个全局变量:_temp=data;我得到了一个未经考虑的错误。天哪,我在备份我的js文件,怪不得什么都没用,我现在拿到了,谢谢。我现在已经可以让它工作了。但我还有一个相关的问题。对于数据,我得到了div的id,但是div中有几个元素。我使用了divs id,它是视频文件的名称,并且刚刚添加了+“.ogg”。现在我需要访问div中包含的其他元素。我的解决方法只有在访问一个元素时才有效。您可以使用jQuery简单地从具有id的元素中获取其他属性
function drop(ev){
ev.preventDefault();
var data=ev.dataTransfer.getData("Text");
console.log(data);
ev.target.appendChild(document.getElementById(data));
}