JavaScript/DOM/Event/focusout

Der focusout-Event-Handler Der Eventhandler focusout wird ausgelöst, wenn ein Element verlassen wird. Anders als bei blur steigt dieser Event-Handler auf (Event-Bubbling).

<form name="Test">
 Name: <input id="Eingabe" onfocusin="rein(this)" onfocusout="raus(this)"><br>
 Geben Sie irgendetwas ein und klicken Sie dann woanders hin, um das Eingabefeld zu verlassen!
</form>
<script>
 function rein (Feld) {
 Feld.style.background = "#e7c157";
 }
 function raus (Feld) {
 Feld.style.background = "#ebf5d7";
 }

In dem Beispiel wird ein Formular definiert. Bewegen Sie den Cursor in das Eingabefeld, wird der Event-Handler focusin des jeweiligen Feldes aktiv. Dabei wird das Feld gelb eingefärbt. Wenn man es verlässt, feuert focusout und das Feld wird grün.