用jQuery拖拽div，如何应用元素的点击偏移量？

$(document).ready(function() {
  var offsetX, offsetY;
  var isDragging = false;
  
  // 绑定mousedown事件
  $('.drag-div').on('mousedown', function(event) {
    // 获取点击时的偏移量
    offsetX = event.pageX - $(this).offset().left;
    offsetY = event.pageY - $(this).offset().top;
    isDragging = true;
  });
  
  // 绑定mousemove事件
  $(document).on('mousemove', function(event) {
    if (isDragging) {
      // 计算应该移动到的位置
      var left = event.pageX - offsetX;
      var top = event.pageY - offsetY;
      
      // 移动div元素
      $('.drag-div').css({
        'left': left + 'px',
        'top': top + 'px'
      });
    }
  });
  
  // 绑定mouseup事件
  $(document).on('mouseup', function() {
    isDragging = false;
  });
});