Detectando se o CapsLock do usuário está ativo via JavaScript

Veja como verificar se a tecla CapsLock do usuário está ativada ou não!

Olá pessoal!

Hoje irei postar uma dica simples e que me foi muito útil esses dias atrás.

Eu precisava avisar o usuário que a tecla CapsLock estava ativada na hora de fazer login em um formulário.

Vejam o código completo aqui:

JS:

//função que verifica o capslock
<script language="Javascript">
function capLock(e){
 kc = e.keyCode?e.keyCode:e.which;
 sk = e.shiftKey?e.shiftKey:((kc == 16)?true:false);
 if(((kc >= 65 && kc <= 90) && !sk)||((kc >= 97 && kc <= 122) && sk))
  document.getElementById('divMayus').style.visibility = 'visible';
 else
  document.getElementById('divMayus').style.visibility = 'hidden';
}
</script>

HTML:

  
<input type="password" name="txtPassword" onkeypress="capLock(event)" />
<div id="divMayus" style="visibility:hidden">Caps Lock Ligado.</div> 

Bastante simples não é?

Até a próxima pessoal! 🙂