Hoe controleer je de hoofdletterlock

Leer hoe je met JavaScript kunt controleren of de hoofdletterlock in het invoerveld is ingeschakeld.

Controleer of de hoofdletterlock is ingeschakeld

Probeer "Caps Lock" in het invoerveld in te drukken:

WAARSCHUWING! Caps lock is AAN.

Voorbeeld

// Verkrijg invoerveld
var input = document.getElementById("myInput");
// Verkrijg waarschuwings tekst
var text = document.getElementById("text");
// Als de gebruiker een toets op de toetsenbord indrukt, voer deze functie uit
input.addEventListener("keyup", function(event) {
  // Als "Caps Lock" is ingedrukt, toon waarschuwings tekst
  if (event.getModifierState("CapsLock")) {
    text.style.display = "block";
  } else {
    text.style.display = "none"
  }
);

Probeer het zelf

Related pages

Reference manual:MouseEvent getModifierState() method