JavaScript - событие OffFocus?

Что я хочу сделать, это отобразить поле ввода с цветом текста black.

Затем, когда человек нажимает внутри поля ввода (onfocus), я хочу изменить цвет текста на red.

Затем, когда пользователь нажимает вне входа fied (больше не фокусируется), я хочу изменить цвет текста на black.

Я знаю, как обрабатывать событие JavaScript onfocus, используя следующее:

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

Но как мне обрабатывать "off focus", чтобы изменить цвет текста на черный?

Заранее спасибо

Ответ 1

попробуйте использовать onblur, он вызывается, когда элемент теряет фокус.

Ответ 2

Используйте onBlur событие:

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

Ответ 3

вместо того, чтобы запускать некоторые JS в событии, вы можете использовать селектор css.

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

сделает то же самое без javascript.