写一段点击按钮时按钮更换图片，松开鼠标时还原图片的js

可以使用JavaScript监听按钮的点击和鼠标松开事件，并根据事件更换按钮的图片。

HTML代码：

<button id="myButton">
  <img src="default-image.png" alt="Default Image">
</button>

JavaScript代码：

var button = document.getElementById("myButton");

button.addEventListener("mousedown", function() {
  button.children[0].src = "clicked-image.png";
});

button.addEventListener("mouseup", function() {
  button.children[0].src = "default-image.png";
});

在这个示例中，我们使用 `addEventListener()` 方法来监听按钮的 `mousedown` 和 `mouseup` 事件。当按钮被按下时，我们将图片更改为 `clicked-image.png`；当按钮松开时，我们将图片更改回 `default-image.png`。请注意，我们使用 `button.children[0]` 来获取按钮元素中的 `img` 元素。