Evento onkeyup
Definição e uso
O evento onkeyup ocorre quando o usuário libera a tecla (no teclado).
Dica:Ordem dos eventos relacionados ao onkeyup:
Exemplo
Exemplo 1
Executa JavaScript quando o usuário liberar a tecla:
<input type="text" onkeyup="myFunction()">
Exemplo 2
Use os eventos "onkeydown" e "onkeyup" juntos:
<input type="text" onkeydown="keydownFunction()" onkeyup="keyupFunction()">
Exemplo 3
Exibe a tecla real liberada no campo de texto:
Insira seu nome: <input type="text" id="fname" onkeyup="myFunction()">
<script>
function myFunction() {
var x = document.getElementById("fname").value;
document.getElementById("demo").innerHTML = x;
}
</script>
Sintaxe
No HTML:
<element onkeyup="myScript">
No JavaScript:
object.onkeyup = function(){myScript};
No JavaScript, use o método addEventListener():
object.addEventListener("keyup", myScript);
Notas:O Internet Explorer 8 ou versões anteriores não suportam Método addEventListener().
Detalhes técnicos
| Bubbling: | Suporte |
|---|---|
| Canceláveis: | Suporte |
| Tipos de eventos: | KeyboardEvent |
| Etiquetas HTML suportadas: | Todos os elementos HTML, exceto: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> e <title> |
| Versão DOM: | Eventos Level 2 |
Suporte do navegador
| Eventos | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| onkeyup | Suporte | Suporte | Suporte | Suporte | Suporte |
