Evento onkeyup

Eventi DOM KeyboardEvent

Definizione e uso

L'evento onkeyup si verifica quando l'utente rilascia una chiave (sulla tastiera).

Suggerimento:Ordine degli eventi correlati a onkeyup:

  1. onkeydown
  2. onkeypress
  3. onkeyup

Esempio

Esempio 1

Esegui JavaScript quando l'utente rilascia una chiave:

<input type="text" onkeyup="myFunction()">

Prova tu stesso

Esempio 2

Usare insieme gli eventi "onkeydown" e "onkeyup":

<input type="text" onkeydown="keydownFunction()" onkeyup="keyupFunction()">

Prova tu stesso

Esempio 3

Ecco la chiave reale rilasciata nel campo di testo:

Inserisci il tuo nome: <input type="text" id="fname" onkeyup="myFunction()">
<script>
funzione myFunction() {
  var x = document.getElementById("fname").value;
  document.getElementById("demo").innerHTML = x;
}
</script>

Prova tu stesso

Sintassi

In HTML:

<elemento onkeyup="myScript">

Prova tu stesso

In JavaScript:

oggetto.onkeyup = function(){myScript};

Prova tu stesso

In JavaScript, utilizzare il metodo addEventListener():

oggetto.addEventListener("keyup", myScript);

Prova tu stesso

Nota:Internet Explorer 8 o versioni precedenti non supportano Metodo addEventListener().

Dettagli tecnici

Bubbling: Supporto
Cancellabile: Supporto
Tipi di evento: KeyboardEvent
Tag HTML supportati: Tutti gli elementi HTML, eccetto: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> e <title>
Versione DOM: Eventi Livello 2

Supporto browser

Eventi Chrome IE Firefox Safari Opera
onkeyup Supporto Supporto Supporto Supporto Supporto
Eventi DOM KeyboardEvent