Cómo - Detectar Bloq Mayús
Aprenda cómo averiguar si el bloqueo de mayúsculas está activado dentro de un campo de entrada con JavaScript.
Detectar si el bloqueo de mayúsculas está activado
Intente presionar la tecla "Bloqueo de mayúsculas" dentro del campo de entrada:
¡ADVERTENCIA! Bloqueo de mayúsculas está activado.
Ejemplo
// 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"
}
});
Sugerencia: Obtenga más información sobre el método getModifierState() en nuestra Referencia de eventos de JavaScript: getModifierState() .