使用JavaScript更改焦点CSS

Question

如果这是一个重复的问题，我深表歉意，但是我所有的搜索结果要么是关于js中的.focus()，要么是关于CSS中的:focus。

我想知道的是如何使用JavaScript在:focus中更改CSS。像这样：

#input:focus{ color: red; }

function changeFocus(){ document.getElementById("input").[focusCss].color = "green"; }

我知道我可以使用焦点侦听器更改颜色，然后在模糊时将其更改回原来的颜色，但是对于如此简单的事情来说，这似乎是过多的代码，尤其是当它已经在其他事件侦听器中使用时。

Answer 1

您可以尝试以下方法：

object.addEventListener("focus", myScript);

将myScript替换为函数，并将其悬停在对象上时应运行。