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.
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:
function detectarBoton(event){
if (event.button==2)
alert("El botón del ratón pulsado fue el derecho");
else
alert("El botón del ratón pulsado fue el izquierdo");
}
