ondrop 이벤트의 대상 ID를 얻는 방법은 무엇입니까?

Question

드래그 한 항목의 대상/대상 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" /> 

---

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) 
}