无法分别将元素从一个div拖放到另一个div

<div id="dragElement" draggable="true">拖动我</div>

document.getElementById("dragElement").addEventListener("dragstart", function(event) {
  event.dataTransfer.setData("text/plain", event.target.id);
});

document.getElementById("dropTarget").addEventListener("dragover", function(event) {
  event.preventDefault();
});

document.getElementById("dropTarget").addEventListener("drop", function(event) {
  event.preventDefault();
  var data = event.dataTransfer.getData("text/plain");
  var draggedElement = document.getElementById(data);
  event.target.appendChild(draggedElement);
});