JavaScript/DOM/Event/focus

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Event-Handler JavaScript 1.2 focus
Bedeutung Der Eventhandler focus wird beim Aktivieren ausgelöst.
bubbles nein
cancelable nein
Elternelemente Darf vorkommen in: a, area, input, label, select, textarea
Event-Objekt Event
Browsersupport
  • Chrome
  • Firefox
  • IE
  • Opera
  • Safari
Beispiel

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.

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>
Beachten Sie
Tipp
Quellen

{{{Quellen}}}

siehe auch

{{{siehe_auch}}}

Weblinks

{{{Weblinks}}}

Meine Werkzeuge
Namensräume

Varianten
Aktionen
Übersicht
Index
Mitmachen
Werkzeuge
Spenden
SELFHTML