El mouseEvent cuya propiedad se usa para devolver un número que corresponde al botón presionado del mouse cuando se activa un evento del mouse
Sintaxis:
event.which
Valor de retorno: Devuelve un número que indica qué botón del mouse se presiona:
- Para el botón izquierdo del mouse: se devuelve 1
- Para el botón central del mouse: se devuelve 2
- Para el botón derecho del mouse: se devuelve 3
Ejemplo:
<!DOCTYPE html> <html> <head> <title>mouseEvent which Property</title> </head> <body style="text-align:center;"> <h1 style="color:green;"> GeeksforGeeks </h1> <h2> mouseEvent which Property </h2> <button onmousedown="geek(event)">Click me!</button> <p id="p"></p> <script> function geek(event) { if (event.which == 1) { document.getElementById('p').innerHTML = "Left mouse" + " button is clicked "; } else if (event.which == 2) { document.getElementById('p').innerHTML = "Middle mouse" + " button is clicked "; } else if (event.which == 3) { document.getElementById('p').innerHTML = "Right mouse" + "button is clicked "; } } </script> </body> </html>
Salida:
Antes de hacer clic en el botón:
Después de hacer clic en el botón izquierdo del mouse:
Después de hacer clic en el botón central del mouse:
Después de hacer clic en el botón derecho del mouse:
Navegadores compatibles: los navegadores compatibles con los eventos del mouse se enumeran a continuación:
- Apple Safari 1.0
- Google Chrome 1.0
- Firefox 1.0
- Ópera 5.0
- Internet Explorer 9.0
Publicación traducida automáticamente
Artículo escrito por Vishal Chaudhary 2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA