Comment détecter le verrouillage des majuscules

Apprenez à utiliser JavaScript pour détecter si le verrouillage des majuscules est activé dans le champ de saisie.

Détection du verrouillage des majuscules

Essayez d'appuyer sur le bouton "Verrouillage des majuscules" dans la zone de saisie :

AVERTISSEMENT! Le verrouillage de majuscules est activé.

Exemple

// Obtenez le champ d'entrée
var input = document.getElementById("myInput");
// Obtenez le texte d'avertissement
var text = document.getElementById("text");
// Exécutez cette fonction lorsque l'utilisateur appuie sur n'importe quel bouton de la键盘
input.addEventListener("keyup", function(event) {
  // Si "Caps Lock" est enfoncé, affichez le texte d'avertissement
  if (event.getModifierState("CapsLock")) {
    text.style.display = "block";
  } else {
    text.style.display = "none"
  }
);

Essayez personnellement

Pages associées

Manuel de référence :Méthode getModifierState() de MouseEvent