Beispiel:JS-Event-onfocusin.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

<!DOCTYPE html> <html> <head> 

 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0;" />
 <link rel="stylesheet" type="text/css" media="screen" href="./Beispiel:Grundlayout.css" />
 <style>

input {padding :0.5em;} 

 </style>
 <title>Beispiel: focusin Event</title>

</head>

<body>

Beispiel: focusin Event
focusout

 <main>
 <form name="Test" >
   Name: <input type="text" id="Eingabe" onfocusin="rein(this)" onfocusout="raus(this)">

   Gib irgendetwas ein und klicke dann woanders hin, um das Eingabefeld zu verlassen!
 </form>
 </main>

<script> 

 function rein (Feld) {
     Feld.style.background = "#e7c157";
 }
   function raus (Feld) {
     Feld.style.background = "#ebf5d7";
 }

</script>

</body> </html>

Abgerufen am 22.09.2026
von "http://wiki.selfhtml.org/wiki/Beispiel:JS-Event-onfocusin.html"