如何通过点击移除悬停在按钮上？

要通过点击移除悬停在按钮上，可以使用JavaScript来实现。以下是一种常见的实现方式：

1. 首先，给按钮添加一个事件监听器，监听鼠标点击事件。
2. 在事件处理函数中，使用CSS的:hover伪类选择器来移除按钮的悬停效果。

下面是一个示例代码：

HTML代码：

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

JavaScript代码：

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

button.addEventListener("click", function() {
  button.classList.remove("hover");
});

button.addEventListener("mouseover", function() {
  button.classList.add("hover");
});

button.addEventListener("mouseout", function() {
  button.classList.remove("hover");
});

CSS代码：

button.hover {
  /* 移除悬停效果 */
  /* 可以根据需要自定义样式 */
}

这段代码中，我们给按钮添加了三个事件监听器：click、mouseover和mouseout。当鼠标点击按钮时，会触发click事件处理函数，其中使用classList.remove()方法移除按钮的.hover类，从而移除悬停效果。当鼠标移动到按钮上时，会触发mouseover事件处理函数，其中使用classList.add()方法添加.hover类，从而添加悬停效果。当鼠标移出按钮时，会触发mouseout事件处理函数，其中使用classList.remove()方法移除.hover类，从而移除悬停效果。

这样，通过点击按钮，可以移除按钮上的悬停效果。

请注意，这只是一种实现方式，具体的实现方法可能会因具体的开发环境和需求而有所不同。