Relacion boton-enter
Hola, en una página tengo 4 botones, dos de tipo submit y otro de tipo reset y el ultimo de tipo button, cuando yo lleno la info del formulario y doy enter, nada pasa, como hago yo para decirle a la página que cuando yo presione enter en realidad oprima un botón en particular, por ejemplo el botón submit2
Respuesta de yareaj
1
Espero que te sirva:
var tecla;
function capturaTecla(e)
{
if(document.all)
tecla=event.keyCode;
else
{
tecla=e.which;
}
if(tecla==13)
{
document.forms[0].submit();
}
}
document.onkeydown = capturaTecla;
var tecla;
function capturaTecla(e)
{
if(document.all)
tecla=event.keyCode;
else
{
tecla=e.which;
}
if(tecla==13)
{
document.forms[0].submit();
}
}
document.onkeydown = capturaTecla;
3 respuestas más de otros expertos
Respuesta de arunchi
1
Me puse a ver lo que necesitás y te preparé un ejemplito. Lo que hace es capturar las teclas que apretás en la página. En este caso, yo quiero que cada vez que apretó el enter (su código es 13) simule que el btn2 fue apretado. Se comporta de esta manera, salvo que apretes el enter mientras el foco está sobre otro botón. En ese caso, se comporta como si hubieras apretado el botón que está enfocado.
Espero que te sirva. Saludos.
<HTML>
<HEAD>
<script language="JavaScript">
function KeyboardHandler()
{
if(event.keyCode == 13)
theForm.btn2.click();
}
</script>
</HEAD>
<BODY onkeypress="KeyboardHandler();">
<form action="test.asp" method="post" name="theForm" id="theForm">
<input type="submit" name="btn1" id="btn1" value="btn1">
<input type="submit" name="btn2" id="btn2" value="btn2">
<input type="reset" name="btn3" id="btn3" value="btn3">
<input type="reset" name="btn4" id="btn4" value="btn4">
</form>
</BODY>
</HTML>
Espero que te sirva. Saludos.
<HTML>
<HEAD>
<script language="JavaScript">
function KeyboardHandler()
{
if(event.keyCode == 13)
theForm.btn2.click();
}
</script>
</HEAD>
<BODY onkeypress="KeyboardHandler();">
<form action="test.asp" method="post" name="theForm" id="theForm">
<input type="submit" name="btn1" id="btn1" value="btn1">
<input type="submit" name="btn2" id="btn2" value="btn2">
<input type="reset" name="btn3" id="btn3" value="btn3">
<input type="reset" name="btn4" id="btn4" value="btn4">
</form>
</BODY>
</HTML>
Respuesta de virmix
1
Respuesta de hommer
1
Es extraño, asegurate que tienes un solo botón de submit dentro de las etiquieta <form> </form>.