Focus automatico

**pelosi** · 08-05-2008, 17:05

Salve a tutti,
ho un form con un normale campo testo;
avrei la necessità che, digitando un qualsiasi tasto della tastiera, il focus si posizioni sul campo di testo riportando all'interno del campo stesso il carattere digitato dalla tastiera.
Mi spiego meglio:
anche se il focus non è nel campo di testo se con la tastiera digito, ad esempio, "giovanni" quanto digitato mi appaia all'interno del campo testo del form.
Ringrazio anticipatamente chi vorrà aiutarmi.

**homezappa** · 08-05-2008, 17:10

Stringato stringato:

codice:

<html>
<head>
<script type="text/javascript">
function goToField() {
    document.getElementById("laForm").campo.focus();
}
</script>
</head>
<body onkeydown="goToField();">
<form id="laForm">
<input type="text" name="campo" />
</form>
</body>
</html>

Per iniziare...

HTH
Zappa

**pelosi** · 08-05-2008, 18:13

Grazie mille Zappa!
ho testato il tuo script e funziona alla grande, soltanto che io ho omesso, stupidamente, un piccolo particolare:
avendo la necessità di spostarmi, all'interno della pagina (dove vi sono dei link), con il tasto tab sarebbe eccezzionale se lo script svolgesse la sua funzione solo digitando tasti alfanumerici e non qualsiasi tasto della tastiera.
Infatti lo script che hai postato non mi permette di muovermi all'interno della pagina con il tabulatore.
Ringraziandoti nuovamente ti sarei grato se potessi darmi un'ulteriore dritta

**homezappa** · 09-05-2008, 14:57

per continuare ...

codice:

<html>
<head>
<script type="text/javascript">
function goToField(e) {
var KeyID = (window.event) ? event.keyCode : e.keyCode;
var strkey = String.fromCharCode(KeyID);    

var r=/([a-zA-Z0-9])+/g;
    if (r.test(strkey)) {
        document.getElementById("laForm").campo.focus();
    }
}
if (document.layers || (document.getElementById && !document.all))
    document.captureEvents(Event.KEYPRESS);
document.onkeydown=goToField;
window.onkeydown=goToField;
</script>
</head>
<body>
<form id="laForm">
<input type="text" name="campo" />
</form>
link numero uno

link numero due

</body>
</html>

provato su IE6, IE7, Firefox
Per Opera occorre fare qualcos'altro, perchè non funziona.
Non ho molto tempo per cercare perchè

HTH
Zappa

**pelosi** · 16-05-2008, 15:38

Grazie mille Zappa,
a buon rendere

**homezappa** · 16-05-2008, 17:15

Prego!
non c'è problema!
Quando si può, si fa!

Zappa

Discussione: Focus automatico

Strumenti discussione

Ricerca discussione

Visualizza

Focus automatico

Permessi di invio