ho provato a lavorarci un po', vedi se ti va bene
<script>
var fuoco=1;
function gestisciFocus(){
alert(Event);
var keyCode = 40;
//Arrow up
if(keyCode=="38"){
if(fuoco==1){
alert("You are on the first button");
document.getElementById(1).focus();
return false;
}
fuoco++;
document.getElementById(fuoco).focus();
}
//Arrow down
if(keyCode=="40"){
if(fuoco==6){
alert("There are no buttons more");
document.getElementById(6).focus();
return false;
}
fuoco++;
document.getElementById(fuoco).focus();
}
}
</script>
<body onLoad="document.getElementById(1).focus()" onKeyUp="gestisciFocus()">
<form name="prova">
<input type="button" id="1" value="uno" />
<input type="button" id="2" value="due" />
<input type="button" id="3" value="tre" />
<input type="button" id="4" value="quattro" />
<input type="button" id="5" value="cinque" />
<input type="button" id="6" value="sei" />
</form>
PS: non sono riuscito a beccare il keyCode (con firefox), bisogna lavorarci... se vuoi testarlo su ie, sostituisci la riga del keyCode con
keyCode=event.keyCode;
![]()