更改按下按钮时行的颜色-快速

<button id="myButton">按钮</button>

#myButton {
  background-color: blue; /* 默认状态颜色 */
}

#myButton:active {
  background-color: red; /* 按下状态颜色 */
}

var button = document.getElementById("myButton");
button.addEventListener("mousedown", function() {
  button.style.backgroundColor = "red"; /* 按下时改变颜色 */
});
button.addEventListener("mouseup", function() {
  button.style.backgroundColor = "blue"; /* 松开时恢复颜色 */
});