JavaScript/DOM/Event/focus

Der focus-Event-Handler Der Eventhandler focus wird beim Aktivieren ausgelöst.

bubbles	nein
cancelable	nein
mögliche Auslöser	a, area, input, label, select, textarea
Event-Objekt	Event

Beispiel ansehen …

<form name="Test">
    <input onfocus="this.placeholder = 'Hier Ihren Namen eingeben'"><br>
    <input onfocus="this.placeholder = 'Hier Ihren Wohnort eingeben'"><br>
    <input onfocus="this.placeholder = 'Hier Ihr Alter eingeben'"><br>
</form>

In dem Beispiel wird ein Formular definiert, das drei Eingabefelder enthält. Da die Felder unbeschriftet sind, hat der Anwender keine Ahnung, was in die einzelnen Felder eingegeben werden kann. Bewegt er den Cursor aus Neugier doch in eines der Eingabefelder, wird der Event-Handler focus des jeweiligen Feldes aktiv. Dabei wird in das jeweilige Feld eine Aufforderung geschrieben, was in dem Feld einzugeben ist.