我如何阻止我的jquery可拖动克隆远离我的鼠标指针？

<div class="draggable">可拖动元素</div>

$(".draggable").draggable({
  helper: "clone", // 克隆元素
  start: function(event, ui) {
    // 拖动开始时的回调函数
    // 在这里可以添加自定义的逻辑
    // 例如，记录鼠标指针的初始位置
    // 可以使用event.pageX和event.pageY获取鼠标指针的坐标
  },
  drag: function(event, ui) {
    // 拖动过程中的回调函数
    // 在这里可以添加自定义的逻辑
    // 例如，计算鼠标指针的偏移量，并将克隆元素的位置进行调整
    // 可以使用event.pageX和event.pageY获取鼠标指针的坐标
    // 可以使用ui.position.left和ui.position.top获取克隆元素的当前位置
  },
  stop: function(event, ui) {
    // 拖动结束时的回调函数
    // 在这里可以添加自定义的逻辑
    // 例如，判断克隆元素是否超出了某个范围，如果超出则将其位置重置到初始位置
  }
});