Sådan tjekker man Storebogstaver

Lær hvordan man bruger JavaScript til at tjekke om Storebogstaver er aktiveret i inputfeltet.

Tjek om Storebogstaver er aktiveret

Prøv at trykke på "Caps Lock"-tasten i inputfeltet:

ADVARSEL! Caps lock er aktiveret.

Eksempel

// Få adgang til input feltet
var input = document.getElementById("myInput");
// Få adgang til advarsels teksten
var text = document.getElementById("text");
// Kør denne funktion, når brugeren trykker på en tast på tastaturet
input.addEventListener("keyup", function(event) {
  // Hvis "Caps Lock" er aktiveret, vis advarsels tekst
  if (event.getModifierState("CapsLock")) {
    text.style.display = "block";
  } else {
    text.style.display = "none"
  }
});

Prøv det selv

Related pages

Reference manual:MouseEvent getModifierState() method