Javascript 删除文件js获取主id

Javascript 删除文件js获取主id,javascript,jquery,html,drag-and-drop,Javascript,Jquery,Html,Drag And Drop,我的HTML页面 <div id="myID" class="front" onMouseOver="oneffect(); ondragover="dragover(this);" ondragleave="dragleave(this);"> <img class="withUpload" src="../img/withUpload.png"/> <span class="nbreResult">20</span> &

我的HTML页面

<div id="myID" class="front" onMouseOver="oneffect(); ondragover="dragover(this);" ondragleave="dragleave(this);">
    <img class="withUpload" src="../img/withUpload.png"/>
    <span class="nbreResult">20</span>
    <span>
         <h1>Title</h1>
    </span>
</div>
当我把一个文件放到我的div上时,我想得到ID,但我刚刚意识到,如果用户把他的文件放到一个儿童标题img span上,那么我就得不到任何ID,因为他们没有ID。因此,用户必须访问自由区。我如何才能在DIV中的任何地方获得我的DIV ID,而不仅仅是在自由区。

你也可以看到
希望我明白了

我建议您可以使用jQuery轻松查找父DIV及其ID

没有测试,但这应该是有效的

Javascript:

window.addEventListener("drop",function(e){
    var id = $(e.target).parents('div.front').attr('id');
    alert(id);
    e.preventDefault();
    getFile(e.dataTransfer, e.target.id)
},false);

不要将事件侦听器添加到窗口,而是将其添加到div myID


document.getElementByIDmyID.addEventListener….,函数{……..}

那太好了,但是我有一个随机数的div-MyID,这个ID可以改变你所说的div-MyID的随机数是什么意思?像我的图像这样的框从一个DB到达我的页面,所以我可以有一个或多个框。然后我不能为每个框创建侦听器。我指的是我的妻子。。为什么你不能创造?id是唯一的。。你将如何为所有人设定?然后放置公共类名,然后使用GetElementsByCassName[i]并使用loop添加侦听器。。这是最简单的方法。“不难吗?我的回答是否有用?”惠特尼尔。请你设置一个jsfiddle.net,这样我们就可以帮助你了?!
window.addEventListener("drop",function(e){
    var id = $(e.target).parents('div.front').attr('id');
    alert(id);
    e.preventDefault();
    getFile(e.dataTransfer, e.target.id)
},false);