Usar JavaScript para saber que botón del ratón fue pulsado

14/Jul/2007 JavaScript , Deja un comentario

Mediante JavaScript podemos ejecutar funciones una vez que se produzca un evento. En el caso de que el evento haya sido del ratón podremos acceder a las propiedades asociadas al mismo. Por ejemplo, podremos saber que botón fue pulsado en el ratón.

Lo primero que tendremos que controlar es que se produzca el evento de pulsación del ratón. Para ello hay que controlar el evento onmousedown. Este evento lo asociaremos a toda la página.

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

Lo que hacemos es indicar que se ejecute la función detectarBoton cuando haya un evento onmousedown. Hay que destacar que como parámetro va el objeto event. Este objeto, predefinido del navegador, contiene la información relativa al evento.

Es por ello que nuestra función detectarBoton accederá a las propiedades de event. La propiedad que almacena el botón pulsado es .button. A si que simplemente tendremos que chequear el valor de dicha propiedad.

Los valores posibles de la propiedad .button son:

  • Botón Izquierdo - 0
  • Botón del centro - 1
  • Botón derecho - 2

Así nuestro código quedará de la siguiente forma:

  1. function detectarBoton(event){
  2.  
  3. if (event.button==2)
  4. alert("El botón del ratón pulsado fue el derecho");
  5. else
  6. alert("El botón del ratón pulsado fue el izquierdo");
  7.  
  8. }

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

¿Algo que nos quieras comentar?

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

*

*