Javascript onClick 和 onmouseover 和 onmouseOut

Question

请问如何区分onClick和onMouseOver和onMouseOut。

例如，我使用 onMouseOver 将选项卡背景更改为灰色使用

onMouseOver="this.style.backgroundColor=Blue;"

onMouseOut 带走这个背景

onMouseOut="this.style.backgroundColor=White;"

我如何编写一个 onClick 调用，即使鼠标光标离开选项卡，它也会提供蓝色背景并保持在原处？

谢谢

Answer 1

如果你有两个 CSS 类，“active”和“clicked”怎么样？他们都将背景设置为蓝色。单击时，您添加“clicked”类。在鼠标悬停时，您添加“事件”类。鼠标移开时，您将删除“事件”类。如果元素有“clicked”类，它仍然有它，因此保持它的颜色。