Exemplo
Executar um JavaScript quando o usuário libera uma tecla:
<input type="text" onkeyup="myFunction()">
Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
O evento onkeyup ocorre quando o usuário libera uma tecla (no teclado).
Tip: A ordem dos eventos relacionados ao evento onkeyup:
- onkeydown
- onkeypress
- onkeyup
Suporte navegador
Evento | |||||
---|---|---|---|---|---|
onkeyup | sim | sim | sim | sim | sim |
Sintaxe
Em HTML:
Em JavaScript:
object .onkeyup=function(){ Tente você mesmo "
Em JavaScript, usando o addEventListener() Método:
object .addEventListener("keyup", myScript );
Tente você mesmo " Nota: O addEventListener() método não é suportado no Internet Explorer 8 e versões anteriores.
Detalhes técnicos
Bolhas: | sim |
---|---|
cancelable: | 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> |
DOM Versão: | Nível 2 Eventos |
mais Exemplos
Exemplo
Usando "onkeydown" juntamente com o "onkeyup" evento:
<input type="text" onkeydown="keydownFunction()" onkeyup="keyupFunction()">
Tente você mesmo " Exemplo
Output a chave real que foi lançado 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>
Tente você mesmo " <Objeto de evento