Blog de Gonzalo

DETECTAR BLOQ MAYUS ACTIVADO

Aunque soy programador backend a veces me toca pegarme con el frontend, sobre todo con javascript y el otro día una página web me advirtió que tenía las mayúsculas activadas y estuve pensando en como se haría. Deduje que sería por la función keycode y así es.
Os pongo el código que he visto por internet para poder avisar al usuario que tiene las mayúsculas activadas:


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('aviso').style.visibility = 'visible';
else document.getElementById('aviso').style.visibility = 'hidden';
}

La llamada a esta función tendría que estar en el atributo onkeypressed o en el onBlur y crear un div con id que sea, en el ejemplo el id es "aviso" .
Espero que este código sencillo os sirva.

Compartir en twitter