Sin Ideas

Detectar BloqMayus con Javascript

October 12, 2007

El otro día tuve una pequeña y sencilla entrevista de trabajo (en la que creo me fue bastante bien), y una de las cosas que me pidieron era que detectara si el usuario tenia la tecla BloqMayus activada, lo cual en dados momentos puede causar un error en un sistema de identificación de usuarios. En fin, eso no supe hacerlo (xD) pero aqui pongo lo que encontré despúes de buscar, ya que en el futuro me puede servir =P

Primero la funcion en 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('caplock').style.visibility = 'visible';
    else document.getElementById('caplock').style.visibility = 'hidden';
}

Luego, en el campo del formulario debemos agregar un evento que llame a la función cada que escribamos algo en ese campo, esto lo hacemos con el evento _onkeypress_:

<input type="text" name="nombre" onkeypress="capLock(event)" />

Y por último, el div que muestra el mensaje de advertencia.

<div id="caplock" style="visibility: hidden">Tienes la tecla BloqMayus activada.</div>

En fin, como es fácil encontrar lo mismo en otros lados y aqui lo pongo solo como apunte personal, no me pondré a comentar el código xD

Fuente: http://www.programacionweb.net/articulos/articulo/?num=315


Escrito por Eduardo Reveles, dev & gamer viviendo en la caótica Ciudad de México. Sígueme en twitter