鼠标悬停和鼠标移开事件 html

Question

如何制作当鼠标悬停在按钮上时，按钮上的文字变为红色的按钮。当鼠标离开按钮时，按钮文本使用 mouseover 和 mouseout 事件恢复原来的颜色。

这是按钮的事件

<按钮 id="Button" onclick="test()" > 输入

Answer 1

这可以通过 css 轻松完成，但是根据您的问题，您将如何完成此操作：

<button id="button" onmouseover="mouseOver()" onmouseout="mouseOut()" onclick="test()" >Enter</button>

<script>
function mouseOver() {
  document.getElementById("button").style.color = "red";
}

function mouseOut() {
  document.getElementById("button").style.color = "black";
}
</script>

鼠标悬停和鼠标移开事件 html

mouseover and mouseout events html

html

javascript

hover