JavaScript - OffFocus事件？

Question

我想要做的是用文本颜色black显示一个输入字段。

然后，当用户在输入字段(onfocus)内单击时，我希望将文本颜色更改为red。

然后，当用户单击输入字段外部(不再聚焦)时，我希望将文本颜色更改为black。

我知道如何使用以下方法处理JavaScript onfocus事件：

<input ctype="text" onfocus="this.style.color='red';" />

但是，如何处理“关闭焦点”以将文本颜色更改为黑色？

Answer 1

尝试使用浮浅，当元素失去焦点时会调用它。

Answer 2

使用onBlur事件：

<input ctype="text" onfocus="this.style.color='red';" onblur="this.style.color='black';"/>

Answer 3

与其在事件中触发一些JS，不如使用css选择器。

#someInput:focus { color: red; } #someInput { color: black; }

在没有javascript的情况下会做同样的事情。