JavaScript | MouseEvent qué propiedad

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:
inicial
Después de hacer clic en el botón izquierdo del mouse:
izquierda
Después de hacer clic en el botón central del mouse:
medio
Después de hacer clic en el botón derecho del mouse:
Correcto

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *