刪除事件監聽器不起作用

Question

當我拖放文本時，沒有任何反應。 但是當我將事件更改為“dragenter”或“dragleave”時，相同的腳本會起作用。 我錯過了什么嗎？

 function handleDragDrop(e) { console.log("Something droped"); dropStatus.innerHTML = "Something droped"; } var dropZone = document.getElementById("dropZone"); var dropStatus = document.getElementById("dropStatus"); dropZone.addEventListener("drop", handleDragDrop);

 .drop-zone { width: 300px; padding: 20px; border: 2px dashed #000; }

 <div id="dropZone" class="drop-zone">Drop Zone!</div> <div id="dropStatus"></div> <div class="" draggable="true">DRAG ME</div>

Answer 1

需要取消over

 function handleDragDrop(e) { console.log("Something droped"); dropStatus.innerHTML = "Something droped"; } var dropZone = document.getElementById("dropZone"); var dropStatus = document.getElementById("dropStatus"); dropZone.addEventListener("drop", handleDragDrop); dropZone.addEventListener("dragover", function(e) { e.preventDefault(); return false; });

 .drop-zone { width: 300px; padding: 20px; border: 2px dashed #000; }

 <div id="dropZone" class="drop-zone">Drop Zone!</div> <div id="dropStatus"></div> <div class="" draggable="true">DRAG ME</div>