如何显示拖动项的当前位置

<div id="dragItem" draggable="true">拖动项</div>
<div id="dropTarget">当前位置：未拖动</div>

var dragItem = document.getElementById("dragItem");
var dropTarget = document.getElementById("dropTarget");

dragItem.addEventListener("dragstart", function(event) {
  // 设置拖动的数据
  event.dataTransfer.setData("text/plain", "拖动项");
});

dropTarget.addEventListener("dragover", function(event) {
  // 阻止默认的放置行为
  event.preventDefault();
});

dropTarget.addEventListener("drop", function(event) {
  // 阻止默认的放置行为
  event.preventDefault();

  // 获取拖动的数据
  var data = event.dataTransfer.getData("text/plain");

  // 更新当前位置
  dropTarget.innerText = "当前位置：" + data;
});