keyup () es un método incorporado en jQuery que se utiliza para activar el evento keyup cada vez que el usuario suelta una tecla del teclado. Entonces, usando el método keyup() podemos detectar si se suelta alguna tecla del teclado.
Sintaxis:
$(selector).keyup(function)
Aquí selector es el elemento seleccionado.
Parámetros: Acepta como función un parámetro opcional que da idea de si se presiona o no alguna tecla.
Valores devueltos: Devuelve si se presiona alguna tecla o no y, en consecuencia, cambia el color de fondo.
Código #1:
El siguiente código se usa para verificar si una tecla del teclado se suelta después de presionarla.
<html>
<head>
<title>Jquery | Keyup() </title>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>
</head>
<script>
$(document).keyup(function(event) {
alert('You released a key');
});
</script>
<body>
<br>
<br>
<center>
<h1>Press and release a key from the keyboard </h1>
</center>
</body>
</html>
Salida:
Después de ejecutar el código:
Después de presionar cualquier tecla del teclado-
Código: #2
El siguiente código se usa para cambiar el color de fondo de la página cada vez que se suelta una tecla del teclado
<html>
<head>
<title>Jquery | Keyup() </title>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>
</head>
<script>
var colors = ['red', 'blue', 'green', 'grey',
'black', 'white', 'teal', 'yellow'];
var i = 0;
$(document).keyup(function(event) {
$('body').css('background-color', colors[i]);
i++;
i = i % 9;
});
</script>
<body>
<br>
<br>
<center>
<h3>
Press any key from the keyboard and then release it <br>
to change the background color of the page
</h3>
</center>
</body>
</html>
Salida:
Antes de presionar una tecla: 
Cada vez que se presiona y suelta cualquier tecla del teclado, el color de fondo de la página cambia a un nuevo color.
Después de presionar y soltar cualquier tecla:
