Buenas, lo que ocurre es que tengo una caja de texto y quiero que cuando se pulse 'Enter' se llame a una función que ya tengo hecha. Dejo aquí el código:
<!DOCTYPE html>
<html lang="es-Es">
<head>
<meta charset="ISO-8859-1">
<title> Login </title>
<!-- Las siguientes 3 líneas van siempre (necesarias para usar Bootstrap) -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"> </script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"> </script>
</head>
<body>
<center> <form>
<p> <input type="text" id="texto" onkeydown="enter(event)"> </p>
<input type="button" value="Aceptar" onclick="verificar()"/>
</form> </center>
<script>
function verificar()
{
if("jprecreativo" == document.getElementById("texto").value)
location.href = "file:///media/jprecreativo/JPUHU/Tercero/DIU/Scroll.html";
else
location.href = "file:///media/jprecreativo/JPUHU/Tercero/DIU/Login.html";
}
</script>
<script>
function enter(event)
{
if (event.keyCode == 13)
verificar();
}
</script>
</body>
Respecto al código, decir que la función verificar me va perfectamente. El problema viene en la función enter: al pulsar enter recarga la página y borra lo que haya puesto en la caja de texto. En cambio, si pruebo con otra tecla, por ejemplo la 27 (escape), entonces si llama a verificar y si está escrito "jprecreativo" se va a la otra página.
Soy nuevo en esto, no llevo ni una semana. A lo mejor mi error es una tontería, pero me gustarían que me ayudaran y que fuesen bastante explícitos en sus explicaciones, ya que me está costando algo de trabajo aprender...
Muchas gracias a todos.