如何在点击按钮并移动光标后保持悬停效果

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

#myButton {
  background-color: #ccc; /* 默认背景颜色 */
  color: #fff; /* 默认文字颜色 */
}

#myButton:hover {
  background-color: #f00; /* 悬停背景颜色 */
  color: #000; /* 悬停文字颜色 */
}

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

button.addEventListener("click", function() {
  button.style.backgroundColor = "#f00"; /* 设置背景颜色为悬停状态 */
  button.style.color = "#000"; /* 设置文字颜色为悬停状态 */
});