Evento onkeyup

Eventos DOM KeyboardEvent

Definición y uso

El evento onkeyup ocurre cuando el usuario libera una tecla (en el teclado).

Consejo:Secuencia de eventos relacionados con onkeyup:

  1. onkeydown
  2. onkeypress
  3. onkeyup

Ejemplo

Ejemplo 1

Ejecuta JavaScript cuando el usuario libere una tecla:

<input type="text" onkeyup="myFunction()">

Prueba por ti mismo

Ejemplo 2

Usa los eventos "onkeydown" y "onkeyup" juntos:

<input type="text" onkeydown="keydownFunction()" onkeyup="keyupFunction()">

Prueba por ti mismo

Ejemplo 3

Muestra la tecla real liberada en el campo de texto:

Introduce tu nombre: <input type="text" id="fname" onkeyup="myFunction()">
<script>
function myFunction() {
  var x = document.getElementById("fname").value;
  document.getElementById("demo").innerHTML = x;
}
</script>

Prueba por ti mismo

Sintaxis

En HTML:

<element onkeyup="myScript">

Prueba por ti mismo

En JavaScript:

object.onkeyup = function(){myScript};

Prueba por ti mismo

En JavaScript, utiliza el método addEventListener():

object.addEventListener("keyup", myScript);

Prueba por ti mismo

Notas:Internet Explorer 8 o versiones anteriores no lo admiten Método addEventListener().

Detalles técnicos

Burbuja: Soporte
Cancelables: Soporte
Tipos de eventos: KeyboardEvent
Etiquetas HTML admitidas: Todos los elementos HTML, excepto: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> y <title>
Versión del DOM: Eventos de Nivel 2

Compatibilidad con navegadores

Eventos Chrome IE Firefox Safari Opera
onkeyup Soporte Soporte Soporte Soporte Soporte
Eventos DOM KeyboardEvent