KeyChecks

Dieses kleine Script ist jetzt nichts aufregendes, aber sollte in keiner Codeschnipsel Sammlung fehlen. Es fängt die Tastendrücke des Benutzers ab und wechselt, je nach Taste die Farbe eines divs.

Wer nicht weiß welcher Code hinter welcher Taste steckt kann das rausfinden indem er das Nachfolgende Script ändert.Dabei einfach die Nummer die abgefangen wird ausgeben lassen anstatt sie weiterzuverarbeiten ;)

Zuerst basteln wir uns ein kleines Script welches auf Tastendruck reagiert. Diese werden anschließend abgefangen und ausgewertet. Je nach Tastencode wird die Hintergrundfarbe des Divs geändert.

Hier werden die Tasten B (98), R(114) und P(112) abgefangen und bewirken einen wechsel der Farbe.

<script language="javascript1.2" type="text/javascript">

 if(document.captureEvents)document.captureEvents(Event.KEYPRESS);
document.onkeypress = key_check;

function key_check(e)
{
var nr = document.all? window.event.keyCode : e.which;

if(document.captureEvents) routeEvent(e);
switch (nr)
{
case 98:
document.getElementById("MyBox").style.backgroundColor='#ADD8E6';

case 114:
document.getElementById("MyBox").style.backgroundColor='#BB0000';
break;
case 112:
document.getElementById("MyBox").style.backgroundColor='#FF1493'; break;
default:
document.getElementById("MyBox").style.backgroundColor='#FFFFFF';
}
}
</script>

Nun brauchen wir natürlich nocheinen Bereich mit der id "MyBox"

<div id="MyBox" style="padding:15px; height 100px; border: dotted 2px #000"> klicki bunti </div>

Und hier ein Beispiel.

klicki bunti box