Como detectar o bloqueio de maiúsculas

Aprenda como usar JavaScript para detectar se o bloqueio de maiúsculas está ativado dentro da caixa de entrada.

Detectar se o bloqueio de maiúsculas está ativado

Tente pressionar a tecla "Caps Lock" dentro da caixa de entrada:

AVISO! O Caps Lock está ligado.

Exemplo

// Obtenha o campo de entrada
var input = document.getElementById("myInput");
// Obtenha o texto de aviso
var text = document.getElementById("text");
// Quando o usuário pressionar qualquer tecla no teclado, execute esta função
input.addEventListener("keyup", function(event) {
  // Se pressionado "Caps Lock", exiba o texto de aviso
  if (event.getModifierState("CapsLock")) {
    text.style.display = "block";
  } else {
    text.style.display = "none"
  }
);

Experimente pessoalmente

Páginas relacionadas

Manual de referência:Método getModifierState() do MouseEvent