如何使图像在单击时可拖动

<img id="myImage" src="image.jpg" alt="My Image">

#myImage {
  position: absolute;
  left: 0;
  top: 0;
  cursor: move;
}

var image = document.getElementById("myImage");
var isDragging = false;
var initialX, initialY;

image.addEventListener("mousedown", function(event) {
  isDragging = true;
  initialX = event.clientX - image.offsetLeft;
  initialY = event.clientY - image.offsetTop;
});

image.addEventListener("mousemove", function(event) {
  if (isDragging) {
    var currentX = event.clientX - initialX;
    var currentY = event.clientY - initialY;
    image.style.left = currentX + "px";
    image.style.top = currentY + "px";
  }
});

image.addEventListener("mouseup", function() {
  isDragging = false;
});