Jak - Wykryj Caps Lock
Dowiedz się, jak sprawdzić, czy Capslock jest włączony w polu wejściowym za pomocą JavaScript.
Wykryj, czy Caps Lock jest włączony
Spróbuj nacisnąć klawisz „Caps Lock” w polu wprowadzania:
OSTRZEŻENIE! Caps Lock jest włączony.
Przykład
// Get the input field
var input = document.getElementById("myInput");
// Get the warning text
var text = document.getElementById("text");
// When the user presses any key on the keyboard, run the function
input.addEventListener("keyup", function(event) {
// If "caps
lock" is pressed, display the warning text
if (event.getModifierState("CapsLock"))
{
text.style.display = "block";
} else {
text.style.display = "none"
}
});
Wskazówka: Przeczytaj więcej o metodzie getModifierState() w naszej dokumentacji JavaScript — getModifierState() .