Hoe - Caps Lock detecteren
Leer hoe u kunt achterhalen of Capslock is ingeschakeld in een invoerveld met JavaScript.
Detecteren of Caps Lock is ingeschakeld
Probeer de "Caps Lock"-toets in het invoerveld in te drukken:
WAARSCHUWING! Caps Lock staat aan.
Voorbeeld
// 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"
}
});
Tip: Lees meer over de methode getModifierState() in onze JavaScript-gebeurtenisreferentie - getModifierState() .