通过移动div更改颜色

<div id="myDiv"></div>

#myDiv {
  width: 100px;
  height: 100px;
  background-color: red;
}

var div = document.getElementById("myDiv");

div.addEventListener("mousedown", function(event) {
  var startX = event.clientX;
  var startY = event.clientY;

  var originalColor = div.style.backgroundColor;

  div.style.backgroundColor = "blue";

  function moveDiv(event) {
    var deltaX = event.clientX - startX;
    var deltaY = event.clientY - startY;

    div.style.left = div.offsetLeft + deltaX + "px";
    div.style.top = div.offsetTop + deltaY + "px";
  }

  function restoreColor() {
    div.style.backgroundColor = originalColor;
  }

  document.addEventListener("mousemove", moveDiv);
  document.addEventListener("mouseup", function() {
    document.removeEventListener("mousemove", moveDiv);
    restoreColor();
  });
});