Intro como si fuese tabulador en Javascript
Escrito por J.F. el Lunes, 17 de Septiembre del 2007 a las 13:54
A la hora de realizar formularios, cuando tratamos con gente menos experta con el manejo de un ordenador, podemos encontrarnos a la hora de realizar una aplicación con la necesidad de incorporar a un formulario, la funcionalidad de que pulsando intro se pase al siguiente campo, como si hubiéramos pulsado el tabulador. Para ello simplemente utilizaremos la siguiente función Javascript:
-
function handleEnter (field, event) {
-
var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
-
if (keyCode == 13) {
-
var i;
-
for (i = 0; i <field.form.elements.length; i++)
-
if (field == field.form.elements[i])
-
break;
-
i = (i + 1) % field.form.elements.length;
-
field.form.elements[i].focus();
-
return false;
-
}
-
else
-
return true;
-
}
-
</script>
Luego simplemente en los campos que queramos incorporar ese comportamiento, haremos la llamada a la función mediante el evento onKeyPress:
-
<input onkeypress="return handleEnter(this, event)" name="nombre"/>
Categoria: Javascript
- Añadir este post a
- Del.icio.us -
- Meneame -
- Digg -
- Webeame
Entradas relacionadas
Comentario de Linea de Código
Realizado el Miércoles, 19 de Septiembre del 2007 a las 16:17
Muy interesante. Sobre todo si le quieres poner una página web a una persona que esté acostumbrada a manejarse en un Host, donde el Intro y Control eran los reyes del salto entre campos.
