Question

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 field (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?

Answer 1

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