Hur man kontrollerar stora bokstäver

Lär dig hur du använder JavaScript för att kontrollera om stora bokstäver är aktiverade i inmatningsrutan.

Kontrollera om stora bokstäver är aktiverade

Försök att trycka på "Caps Lock"-tangenten i inmatningsrutan:

VARNING! Caps lock är PÅ.

Exempel

// Hämta inmatningsfältet
var input = document.getElementById("myInput");
// Hämta varnings-texten
var text = document.getElementById("text");
// När användaren trycker på någon tangent på tangentbordet, kör denna funktion
input.addEventListener("keyup", function(event) {
  // Om "Caps Lock" är aktiverat, visa varnings-texten
  if (event.getModifierState("CapsLock")) {
    text.style.display = "block";
  } else {
    text.style.display = "none"
  }
);

Prova själv

Relaterade sidor

Referenshandbok:MouseEvent getModifierState() metod