2017-01-25 17 views
1

Wenn ich den Text ziehen & drop, passiert nichts. Aber das gleiche Skript funktioniert, wenn ich das Ereignis in "Dragenter" oder "Dragleave" ändere. Habe ich etwas vergessen?drop EventListener funktioniert nicht

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>

Antwort

1

Sie möchten die über

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>

abbrechen
Verwandte Themen