Ejemplo
Ejecutar un JavaScript cuando el usuario suelta una tecla:
<input type="text" onkeyup="myFunction()">
Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
El evento onkeyup se produce cuando el usuario suelta una tecla (en el teclado).
Tip: El orden de los acontecimientos relacionados con el evento onkeyup:
- onkeydown
- onkeypress
- onkeyup
Soporte del navegador
Evento | |||||
---|---|---|---|---|---|
onkeyup | Sí | Sí | Sí | Sí | Sí |
Sintaxis
En HTML:
En JavaScript:
object .onkeyup=function(){ Inténtalo tú mismo "
En JavaScript, utilizando el addEventListener() método:
object .addEventListener("keyup", myScript );
Inténtalo tú mismo " Nota: El addEventListener() método no es compatible en Internet Explorer 8 y versiones anteriores.
Detalles técnicos
burbujas: | Sí |
---|---|
cancelable: | Sí |
Tipo de evento: | KeyboardEvent |
etiquetas HTML admitidas: | Todos los elementos HTML, excepto: <base>, <BDO>, España, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> y <title> |
DOM Versión: | Nivel 2 Eventos |
Más ejemplos
Ejemplo
El uso de "onkeydown" junto con el "onkeyup" evento:
<input type="text" onkeydown="keydownFunction()" onkeyup="keyupFunction()">
Inténtalo tú mismo " Ejemplo
Salida de la llave que fue lanzado dentro de un campo de texto:
Enter your name: <input type="text" id="fname" onkeyup="myFunction()">
<script>
function myFunction() {
var x =
document.getElementById("fname").value;
document.getElementById("demo").innerHTML = x;
}
</script>
Inténtalo tú mismo " <Objeto de evento