JavaScript - Zdarzenie OffFocus?

Question

Co chcę zrobić, to wyświetlić pole wprowadzania o kolorze tekstu black.

Następnie, gdy osoba kliknie w polu wprowadzania (onfocus), chcę zmienić kolor tekstu na red.

Następnie, gdy osoba kliknie poza wejście (nie będzie już skupiać się), chcę zmienić kolor tekstu z powrotem na black.

umiem obsłużyć zdarzenia JavaScript onfocus przy użyciu następujących:

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

Ale w jaki sposób poradzić sobie z „off Focus”, aby zmienić kolor tekstu z powrotem do czerni?

góry dzięki

Answer 1

spróbuj onblur, nazywa się to, gdy element traci fokus.

Answer 2

Użyj zdarzenie onBlur:

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

Answer 3

zamiast strzelać trochę JS na zdarzenie, można użyć selektorów CSS.

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

zrobi to samo bez javascript.