¿Cómo verificar si se presionó la tecla META cuando se activa el evento usando jQuery?

jQuery es una biblioteca de JavaScript rica en funciones. Es una biblioteca de JavaScript rápida y más utilizada. Antes de usar jQuery, debe tener un conocimiento básico de HTML, CSS y JavaScript.

En este artículo, aprenderemos cómo puede verificar si se presionó la tecla META cuando el evento activó JQuery.

Tecla META: es una tecla especial que se encuentra al lado de la barra espaciadora en el teclado. Para el sistema operativo diferente, se encuentra en un ejemplo de ubicación diferente: 

  1. Windows: la clave META se asigna a la clave de Windows.
  2. Macintosh: la tecla META se asigna a la tecla Comando (⌘).

event.metaKey: devolverá un valor booleano (verdadero o falso) que indica si se presionó la tecla META en el momento en que se disparó el evento o no. 

Ejemplo:

HTML

<!doctype html>
<html lang="en">
  
<head>
    <style>
        h1 {
            color: green;
        }
          
        body {
            background-color: lightgreen;
            text-align: center;
        }
          
        div {
            padding: 20px;
        }
          
        p {
            font-size: 25px;
        }
          
        button {
            background-color: #4CAF50;
            /* Green */
            border: none;
            color: white;
            padding: 15px 32px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
        }
    </style>
  
    <script src=
"https://code.jquery.com/jquery-3.5.0.js">
    </script>
</head>
  
<body>
    <h1>GeeksForGeeks</h1>
  
    <p>
        Click here to check whether 
        Meta key was pressed of not.
    </p>
  
    <button value="Test" name="Test" 
        id="check">
        click Here!!
    </button>
  
    <h1 style="color:black;" 
        id="display">****
    </h1>
  
    <script>
        $("#check").click(function(event) {
            $("#display").text(event.metaKey);
        });
    </script>
</body>
  
</html>

Producción:

Antes de hacer clic en el botón: solo hay un botón llamado ‘¡haz clic en mí, por favor!’. 

Después de hacer clic en el botón:   después de hacer clic en el botón, si ve verdadero, indica que presionó una tecla meta, pero en caso de que pueda notar que su resultado es falso, indica que no presionó ninguna tecla meta.

Publicación traducida automáticamente

Artículo escrito por volumezero9786 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 *