どのようにondropイベントのターゲットIDを取得するには？

Question

ドラッグされたアイテムのターゲット/ターゲットのIDを取得しようとしています。私は2つのコンテナを持っているので、ドラッグされた要素を持つものの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" /> 

---

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

    function drag(ev) { 
    ev.dataTransfer.setData('Text/html', ev.target.id); 
    } 

function drop(ev, target) { 
    ev.preventDefault(); 
    console.log(target.id, ev.target.id) 

    var data = ev.dataTransfer.getData("text/html"); 
    alert(data) 
} 

このコードの結果ではなく、DIV1またはDIV2のdrag1を返します。

私には何が欠けていますか？

Answer 1

ev.target.iddrop()は、宛先アイテムへの参照です。任意のアイデア

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

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