Javascript - Utilizar tecla enter como tabulador en formulario
Códigos Javascript
Al pulsar la tecla Enter o Intro, el codigo irá cambiando entre los campos de texto de un formulario, imitando la tecla de tabulador Tab.
Tutores.org
Mostrando Codigo - Javascript
CODIGO
# Codigo ofrecido por Tutores.org
- <SCRIPT LANGUAGE="JavaScript">
- nextfield = "campo1";
- netscape = "";
- ver = navigator.appVersion; len = ver.length;
- for(iln = 0; iln < len; iln++) if (ver.charAt(iln) == "(") break;
- netscape = (ver.charAt(iln+1).toUpperCase() != "C");
- function keyDown(DnEvents) {
- k = (netscape) ? DnEvents.which : window.event.keyCode;
- if (k == 13) {
- if (nextfield == 'done') {
- alert("Fin de ejemplo");
- return false;
- } else {
- eval('document.form1.' + nextfield + '.focus()');
- return false;
- }
- }
- }
- document.onkeydown = keyDown;
- if (netscape) document.captureEvents(Event.KEYDOWN|Event.KEYUP);
- </script>
- <form action="enter_como_tab.asp" method="post" name="form1" onSubmit="return checa(this);"> Campo 1:
- <input type="text" name="campo1" size="45" onFocus="nextfield ='campo2';">
- Campo 2:
- <input type="text" name="campo2" size="45" onFocus="nextfield ='campo3';">
- Campo 3:
- <input type="text" name="campo3" size="45" onFocus="nextfield ='campo4';">
- Campo 4:
- <input type="text" name="campo4" size="45" onFocus="nextfield ='done';">
- <input type="submit" name="envia" value="Enviar"> </form>
ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Utilizar tecla enter como tabulador en formulario" href="http://www.tutores.org/codigo/1122/" target="_blank">Utilizar tecla enter como tabulador en formulario</a>
<!-- Final enlace Tutores.org -->
<a title="Tutores.org - Utilizar tecla enter como tabulador en formulario" href="http://www.tutores.org/codigo/1122/" target="_blank">Utilizar tecla enter como tabulador en formulario</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
yair nogueronyair nogueron
1
5
Saludos, me parece una buena solucion, pero por que no detecta el javascript cuando uno pulsa la tecla del tabulador practicamente no hace caso de ello este es mi codigo:
<script type="text/javascript">
function fn(form,field)
{
if(event.keyCode==9)
{
alert("Damos el foco");
}
else
{
alert("no damos el foco");
}
}
</script>
Gracias!!
<script type="text/javascript">
function fn(form,field)
{
if(event.keyCode==9)
{
alert("Damos el foco");
}
else
{
alert("no damos el foco");
}
}
</script>
Gracias!!
Comentario usuario
José LeónJosé León
1
5
Pues a mí si me funciono y bien sin problem.
Thanks man.
www.joseleon.com.mx
Thanks man.
www.joseleon.com.mx
Comentario usuario
el chidorroel chidorro
4
5
ahce de ser por un archivo en tu maquina te recomeindo formatearla
Comentario usuario
nfxnfx
3
5
que un codigo no funcione no significa que debas formatear tu pc, si fuera asi, formatearia 5 veces por dia durante cada proyecto web que tuviera problemas ...
solo lo dejo en claro para los mas novatos
solo lo dejo en claro para los mas novatos
INSERTAR COMENTARIO