Exemple
Exécuter un script JavaScript lorsqu'un utilisateur relâche une touche:
<input type="text" onkeyup="myFunction()"> Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
L'événement onkeyup se produit lorsque l'utilisateur relâche une touche (sur le clavier).
Tip: L'ordre des événements liés à l'événement onkeyup:
- onkeydown
- onkeypress
- onkeyup
Support du navigateur
| un événement | |||||
|---|---|---|---|---|---|
| onkeyup | Oui | Oui | Oui | Oui | Oui |
Syntaxe
En HTML:
< Essayez vous - même » JavaScript:
object .onkeyup=function(){ Essayez vous - même » En JavaScript, en utilisant la addEventListener() méthode:
object .addEventListener("keyup", myScript );
Essayez vous - même » Note: Le addEventListener() méthode est pas prise en charge dans Internet Explorer 8 et les versions antérieures.
Détails techniques
| Bulles: | Oui |
|---|---|
| cancelable: | Oui |
| Type d'événement: | KeyboardEvent |
| Pris en charge les balises HTML: | Tous les éléments HTML, SAUF: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> et <title> |
| DOM Version: | Niveau 2 Événements |
autres exemples
Exemple
En utilisant "onkeydown" ainsi que le "onkeyup" l' événement:
<input type="text" onkeydown="keydownFunction()" onkeyup="keyupFunction()">
Essayez vous - même » Exemple
Sortie la clé qui a été libéré à l'intérieur d'un champ de texte:
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>
Essayez vous - même » <Object Event