Evento onkeyup
Exemplo
Execute um JavaScript quando um usuário liberar uma chave:
<input type="text" onkeyup="myFunction()">
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
O evento onkeyup ocorre quando o usuário libera uma tecla (no teclado).
Dica: A ordem dos eventos relacionados ao evento onkeyup:
- onkeydown
- pressionar tecla
- onkeyup
Suporte ao navegador
Event | |||||
---|---|---|---|---|---|
onkeyup | Yes | Yes | Yes | Yes | Yes |
Sintaxe
Em HTML:
<element onkeyup="myScript">
Em JavaScript:
object.onkeyup = function(){myScript};
Em JavaScript, usando o método addEventListener():
object.addEventListener("keyup", myScript);
Observação: o método addEventListener() não é compatível com o Internet Explorer 8 e versões anteriores.
Detalhes técnicos
Bolhas: | sim |
---|---|
Cancelável: | sim |
Tipo de evento: | KeyboardEvent |
Tags HTML suportadas: | Todos os elementos HTML, EXCETO: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> e <title> |
Versão DOM: | Eventos de Nível 2 |
Mais exemplos
Exemplo
Usando "onkeydown" junto com o evento "onkeyup":
<input type="text" onkeydown="keydownFunction()" onkeyup="keyupFunction()">
Exemplo
Emita a chave real que foi liberada dentro de um 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>