Jak sprawdzić blokadę wielkich liter

Naucz się, jak używać JavaScript do sprawdzania, czy blokada wielkich liter jest włączona w polu wprowadzania.

Sprawdź, czy włączono blokadę wielkich liter

Spróbuj nacisnąć klawisz "Caps Lock" w polu wprowadzania:

UWAGA! Włączono Caps Lock.

Przykład

// Uzyskaj pole wejściowe
var input = document.getElementById("myInput");
// Uzyskaj tekst ostrzeżenia
var text = document.getElementById("text");
// Uruchom tę funkcję, gdy użytkownik naciśnie każdą klawisz na klawiaturze
input.addEventListener("keyup", function(event) {
  // Jeśli naciśnięto "Caps Lock", wyświetl tekst ostrzeżenia
  if (event.getModifierState("CapsLock")) {
    text.style.display = "block";
  } else {
    text.style.display = "none"
  }
);

Spróbuj sam

Strony związane

Referencje:Metoda MouseEvent getModifierState()