Événement onkeyup

Événements DOM KeyboardEvent

Définition et utilisation

L'événement onkeyup se produit lorsque l'utilisateur libère une touche (sur le clavier).

Conseil :Ordre des événements liés à l'événement onkeyup :

  1. onkeydown
  2. onkeypress
  3. onkeyup

Exemple

Exemple 1

Exécutez du JavaScript lorsque l'utilisateur libère une touche :

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

Essayez-le vous-même

Exemple 2

Utilisez les événements "onkeydown" et "onkeyup" ensemble :

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

Essayez-le vous-même

Exemple 3

Affichez la clé réelle libérée dans le champ de texte :

Entrez votre nom : <input type="text" id="fname" onkeyup="myFunction()">
<script>
function myFunction() {
  var x = document.getElementById("fname").value;
  document.getElementById("demo").innerHTML = x;
}
</script>

Essayez-le vous-même

Syntaxe

Dans HTML :

<element onkeyup="myScript">

Essayez-le vous-même

Dans JavaScript :

object.onkeyup = function(){myScript};

Essayez-le vous-même

Dans JavaScript, utilisez la méthode addEventListener() :

object.addEventListener("keyup", myScript);

Essayez-le vous-même

Remarque :Internet Explorer 8 et versions antérieures ne prennent pas en charge Méthode addEventListener().

Détails techniques

Bubbling : Support
Annulable : Support
Types d'événements : KeyboardEvent
Étiquettes HTML prises en charge : Tous les éléments HTML, sauf : <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> et <title>
Version du DOM : Événements de niveau 2

Support du navigateur

Événements Chrome IE Firefox Safari Opera
onkeyup Support Support Support Support Support
Événements DOM KeyboardEvent