JavaScript - событие OffFocus?

Question

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

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

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

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

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

Но как мне справиться с «не в фокусе», чтобы изменить цвет текста обратно на черный?

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

Answer 1

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

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.