Wie überprüft man den Großschreibungsschalter

Lernen Sie, wie Sie mit JavaScript überprüfen, ob der Großschreibungsschalter im Eingabefeld geöffnet ist.

Überprüfen Sie, ob der Großschreibungsschalter aktiviert ist

Versuchen Sie, "Caps Lock" im Eingabefeld zu drücken:

WARNUNG! Caps lock ist EIN.

Beispiel

// Eingabefeld abrufen
var input = document.getElementById("myInput");
// Warnmeldung abrufen
var text = document.getElementById("text");
// Diese Funktion wird ausgeführt, wenn der Benutzer eine beliebige Taste auf der Tastatur drückt
input.addEventListener("keyup", function(event) {
  // Wenn "Caps Lock" gedrückt wird, wird eine Warnmeldung angezeigt
  if (event.getModifierState("CapsLock")) {
    text.style.display = "block";
  } else {
    text.style.display = "none"
  }
);

Versuchen Sie es selbst

相关页面

参考手册:MouseEvent getModifierState() 方法