Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/424.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何获取ondrop事件的目标id?_Javascript_Drag And Drop - Fatal编程技术网

Javascript 如何获取ondrop事件的目标id?

Javascript 如何获取ondrop事件的目标id?,javascript,drag-and-drop,Javascript,Drag And Drop,我正在尝试获取拖动项目的目标/目的地的id。我有两个容器,所以我必须获取包含拖动元素的容器的ID 这是我的密码: <div id="div1" ondrop="drop(event, this)" ondragover="allowDrop(event)"></div> <div id="div2" ondrop="drop(event, this)" ondragover="allowDrop(event)"></div> &l

我正在尝试获取拖动项目的目标/目的地的id。我有两个容器,所以我必须获取包含拖动元素的容器的ID

这是我的密码:

    <div id="div1" ondrop="drop(event, this)" ondragover="allowDrop(event)"></div>
 <div id="div2" ondrop="drop(event, this)" ondragover="allowDrop(event)"></div>
    <br/>
    <img id="drag1" src="//placehold.it/336X69/ff0000" draggable="true" ondragstart="drag(event)" width="336" height="69" />
此代码的结果返回drag1,而不是div1或div2


我缺少什么?
drop()中的ev.target.id
是对目标项目的引用

请尝试以下代码:

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

function drop(ev, target) {
    ev.preventDefault();
    alert(ev.target.id)
}

有什么想法吗?我找不到有关此功能的任何线索。。。
 function allowDrop(ev) {
    ev.preventDefault();
}

function drop(ev, target) {
    ev.preventDefault();
    alert(ev.target.id)
}