tutoriais mais recente desenvolvimento web
 

onkeyup Evento

<Objeto de evento

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:

  1. onkeydown
  2. onkeypress
  3. 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

Exemplos

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