Comment - Détecter le verrouillage des majuscules
Découvrez comment savoir si le verrouillage des majuscules est activé dans un champ de saisie avec JavaScript.
Détecter si le verrouillage des majuscules est activé
Essayez d'appuyer sur la touche "Caps Lock" dans le champ de saisie :
AVERTISSEMENT! Touche Maj activée.
Exemple
// Get the input field
var input = document.getElementById("myInput");
// Get the warning text
var text = document.getElementById("text");
// When the user presses any key on the keyboard, run the function
input.addEventListener("keyup", function(event) {
// If "caps
lock" is pressed, display the warning text
if (event.getModifierState("CapsLock"))
{
text.style.display = "block";
} else {
text.style.display = "none"
}
});
Conseil : En savoir plus sur la méthode getModifierState() dans notre référence d'événement JavaScript - getModifierState() .