JavaScript - OffFocus event?

Question

Hi

What I want to do is display an input field with the text color black.

Then when the person clicks inside the input field (onfocus) I want to change the text color to red.

Then, when the person click outside of the input fied (no longer focus), I want to change the text color back to black.

I know how to handle the JavaScript onfocus Event using the following:

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

But how do I handle the "off focus" to change the text color back to black?

Thanks in advance

Answer 1

try using onblur, it is called when an element loses focus.

Answer 2

Use the onBlur event:

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

Answer 3

This works great. Thanks man =)