English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Método jQuery keyup()

Eventos do jQuery

O método keyup() dispara o evento keyup, ou anexar uma função para ser executada quando o evento keyup ocorrer.

O evento keyup ocorre quando o usuário solta uma tecla.

Atenção:A ordem dos eventos relacionados ao keyup é:

Usarevent.whichAtributo retorna a tecla pressionada.

Sintaxe:

Disparar evento keyup do elemento selecionado:

$(selector).keyup()

Anexar função ao evento keyup:

$(selector).keyup(function)

Exemplo

Um alerta será exibido ao soltar a tecla:

$("input").keyup(function(){
  alert("Bem-vindo ao Tutorial Básico pt.oldtoolbag.com!!!");
});
Teste e veja‹/›

Alterar a cor de fundo do campo <input> ao soltar a tecla:

$("input").keyup(function(event){
  $(this).css("background-color", "lightblue");
  $("span").text(event.type);
});
Teste e veja‹/›

Determinar qual tecla foi pressionada:

$("input").keyup(function(event){ 
  $("div").text("Tecla: " + event.which);
});
Teste e veja‹/›

Acionar o evento keyup do campo <input>:

$("#btn2").click(function(){
  $("input").keyup();
});
Teste e veja‹/›

Valor do Parâmetro

ParâmetroDescrição
functionFunção executada ao ser acionado o evento de tecla

Eventos do jQuery