Saber si la tecla Shift esta pulsada con Javascript

04/Ago/2007 JavaScript , 1 Comentario

La tecla shift la utilizamos normalmente para poner teclas en mayúscula. Si bien, existen otros usos como el de hacer múltiples selecciones de elementos. En estos casos mantenemos dicha tecla pulsada mientras elegimos los elementos.

Hay que pensar que no siempre vamos a enfrentarnos a un formulario con una selección múltiple donde el propio navegador gestiona si está la tecla shift pulsada. Pueden presentarsenos situaciones donde queramos proporcionar la selección de múltiples elementos (por ejemplo, imágenes, capas,...) y tengamos que codificarnos, nosotros mismos, el control de la selección múltiple.

Para ello podemos apoyarnos en JavaScript y detectar si está la tecla shift pulsada y actuar en consecuencia.

Lo primero que tenemos que hacer es elegir sobre que evento vamos a realizar el control. En nuestro caso lo vamos a realizar cuando se produzca un click del ratón. Esto es el evento onmousedown.

  1. <body onmousedown="estaPulsadoShift(event);">

La función que se lanzará será estaPulsadoShift, la cual esta recibiendo el objeto event como parámetro. Este objeto tiene toda la información relativa al evento que se ha producido, es decir, al click del ratón.

La propiedad, del objeto event, que tiene la información relativa a si la tecla shift estaba pulsada o no, es shiftKey. Si su valor es igual a 1, entonces significará que la tecla Shift estaba pulsada.

Si codificamos esto en JavaScript, nos quedaría el siguiente código:

  1. function estaPulsadoShift(event){
  2. if (event.shiftKey==1)
  3. alert("La tecla shift está presionada");
  4. else
  5. alert("La tecla shift no está presionada");
  6. }

Poco código y de mucha utilidad.

Vídeos sobre Javascript


Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D

Un comentario en “Saber si la tecla Shift esta pulsada con Javascript”

Víctor Cuervo

Marco

ayudenme a bloquear la tecla Print Screen he intentado ya con varias cosas y no me devuelve un valor
hasta he bloqueado el tecladi y nada
otra cosa si pueden envienme manuales copn ejemplos por favor

marco_rule@hotmail.com

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

*