如何使用jQuery在屏幕上移动div

<div id="myDiv">这是一个可移动的div</div>

#myDiv {
  position: absolute;
  top: 100px;
  left: 100px;
}

$(document).ready(function() {
  $("#myDiv").mousedown(function(event) {
    // 获取鼠标点击位置相对于div的偏移量
    var offsetX = event.pageX - $(this).offset().left;
    var offsetY = event.pageY - $(this).offset().top;

    // 监听鼠标移动事件
    $(document).mousemove(function(event) {
      // 计算div的新位置
      var newLeft = event.pageX - offsetX;
      var newTop = event.pageY - offsetY;

      // 移动div到新位置
      $("#myDiv").css("left", newLeft + "px");
      $("#myDiv").css("top", newTop + "px");
    });

    // 监听鼠标松开事件，以停止移动div
    $(document).mouseup(function() {
      $(document).off("mousemove");
      $(document).off("mouseup");
    });
  });
});