イベントをドロップします。

Question

私は画像をドロップするdivからdiv IDを取得したいと思います。私は、テキスト1を印刷したいのdiv 1にドロップ元と同じ、私は2

function dragStart(event) { 
 
    event.dataTransfer.setData("Text", event.target.id); 
 
} 
 

 

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

 
function drop(event) { 
 
    event.preventDefault(); 
 
    var data = event.dataTransfer.getData("Text"); 
 
    event.target.appendChild(document.getElementById(data)); 
 
    document.getElementById("demo").innerHTML = event.dataTransfer.setData('Text/html', event.target.id); 
 
}

.droptarget { 
 
    float: left; 
 
    width: 100px; 
 
    height: 35px; 
 
    margin: 15px; 
 
    padding: 10px; 
 
    border: 1px solid #aaaaaa; 
 
}

<div id="1" class="droptarget" ondrop="drop(event)" ondragover="allowDrop(event)"> 
 
    <img src="img/chip.png" width="30" height="30" ondragstart="dragStart(event)" draggable="true" id="dragtarget"> 
 
</div> 
 

 
<div id="2" class="droptarget" ondrop="drop(event)" ondragover="allowDrop(event)"></div> 
 

 
<p id="demo"></p>

Answer 1

divの中に画像をドロップすると、あなただけに

document.getElementById("demo").innerHTML = ent.dataTransfer.setData('Text/html', event.target.id); 

を交換してください

document.getElementById("demo").innerHTML = event.target.id;