javascript - 删除事件javascript

Question

我想从我将图像放入的 div 中获取 div id。例如，我将其放入 div 1 我希望打印文本 1，当我将图像放入 div 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

你只需替换

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

到

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