Esempio
Esegui un JavaScript quando un utente rilascia un tasto:
<input type="text" onkeyup="myFunction()"> Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
L'evento onKeyUp si verifica quando l'utente rilascia un tasto (sulla tastiera).
Tip: L'ordine degli eventi legati alla manifestazione onKeyUp:
- onKeyDown
- onkeypress
- onKeyUp
Supporto browser
| Evento | |||||
|---|---|---|---|---|---|
| onkeyup | sì | sì | sì | sì | sì |
Sintassi
In HTML:
In JavaScript:
object .onkeyup=function(){ Prova tu stesso " In JavaScript, utilizzando il addEventListener() Metodo:
object .addEventListener("keyup", myScript );
Prova tu stesso " Nota: addEventListener() metodo non è supportato in Internet Explorer 8 e versioni precedenti.
Dettagli tecnici
| bolle: | sì |
|---|---|
| cancelable: | sì |
| Tipo di evento: | KeyboardEvent |
| tag HTML supportati: | Tutti gli elementi HTML, ad eccezione di: <base>, <BDO>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> e <title> |
| DOM Versione: | Livello 2 Eventi |
Altri esempi
Esempio
Utilizzando "onkeydown" insieme al "onkeyup" evento:
<input type="text" onkeydown="keydownFunction()" onkeyup="keyupFunction()">
Prova tu stesso " Esempio
Uscita la chiave effettiva che è stato rilasciato all'interno di un campo di testo:
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>
Prova tu stesso " <Oggetto evento