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

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.

Controlar el evento de pulsación del 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.

<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.

Acceder a la propiedad button

Es por ello que nuestra función detectarBoton accederá a las propiedades de event. La propiedad que almacena el botón pulsado es .button. Así 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:

function detectarBoton(evento) {
  if (evento.button == 0)
    alert("Has pulsado el botón izquierdo");
  else if (evento.button == 1)
    alert("Has pulsado el botón del centro");
  else if (evento.button == 2)
    alert("Has pulsado el botón derecho");
}

Víctor Cuervo

Programador, Arquitecto IT, álter ego de Línea de Código, amante de las tecnologías, generador de conocimiento y facilitador del aprendizaje.

Descarga el código de Usar JavaScript para saber que botón del ratón fue pulsado

Explicación de cómo usar JavaScript para saber que botón del ratón fue pulsado.

Descargar código