Beispiel:JS-Event-onkeydown.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>

span { 

 color: #c32e04;
 font-weight: bold;
 padding: 0.2em 1em;	
 background-color: #fffbf0; border: 2px dotted #e7c157;

} 

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

</head>

<body>

Beispiel: keydown Event

 <main>
   <form name="Test" action="">

Kurzbeschreibung deiner Homepage (max 50 Zeichen):

     <textarea name="Eingabe" cols="50" rows="10" onkeydown="Aktualisieren(this.value)"></textarea>


     <button type="reset">Zurücksetzen!</button>
   </form>
 </main>

 <script>

   function Aktualisieren () {
     var ausgabe = document.Test.Eingabe.value.length + 1;

var elem = document.getElementById('kontrolle'); elem.innerHTML = 'Schon ' + ausgabe +' Zeichen!'; 

     return true;
   }

 </script>

</body> </html>

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