不能移动图像

img {
  position: absolute; /* 或 relative, fixed */
}

let isDragging = false;
let offsetX, offsetY;

const img = document.querySelector('img');

img.addEventListener('mousedown', (e) => {
  isDragging = true;
  offsetX = e.clientX - img.offsetLeft;
  offsetY = e.clientY - img.offsetTop;
});

document.addEventListener('mousemove', (e) => {
  if (isDragging) {
    img.style.left = `${e.clientX - offsetX}px`;
    img.style.top = `${e.clientY - offsetY}px`;
  }
});

document.addEventListener('mouseup', () => {
  isDragging = false;
});

img {
  position: absolute;
  z-index: 1000; /* 确保在其他元素之上 */
}

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  $(document).ready(function() {
    let isDragging = false;
    let offsetX, offsetY;

    $('img').mousedown(function(e) {
      isDragging = true;
      offsetX = e.clientX - $(this).offset().left;
      offsetY = e.clientY - $(this).offset().top;
    });

    $(document).mousemove(function(e) {
      if (isDragging) {
        $('img').css({
          left: e.clientX - offsetX,
          top: e.clientY - offsetY
        });
      }
    });

    $(document).mouseup(function() {
      isDragging = false;
    });
  });
</script>