JavaScript | Propiedad MouseEvent ctrlKey

La propiedad mouseEvent ctrlKey se usa para definir si la tecla ctrl se presiona o no. Es un valor booleano. Cuando se presiona la tecla ctrl, al hacer clic con los botones del mouse, devuelve verdadero y, si no se presiona, devuelve falso.

Sintaxis:

event.ctrlKey

Valor devuelto: Devuelve un valor booleano que indica si la tecla ctrl está presionada o no.

  • verdadero: indica que se presionó la tecla ctrl.
  • falso: indica que la tecla ctrl no está presionada.

Ejemplo :

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript Mouse Event</title>
    </head>
  
    <body style = "text-align:center;">
        <h1 style = "color:green;">
            GeeksforGeeks
        </h1>
          
        <h2>
            mouseEvent ctrlKey Property
        </h2>
   
        <button onclick="geek (event);">Get Ctrl key state!</button>        
        <script>
        function geek (event) {
            if (event.ctrlKey) {
                alert ("Ctrl key is pressed.");
            }
            else {
                alert ("Ctrl key is not pressed.");
            }
        }
        </script>
    </body>
</html>

Salida:
Al hacer clic en el botón (no se presiona la tecla ctrl):
tecla ctrl
Al hacer clic en el botón (se presiona la tecla ctrl):
tecla ctrl

Navegadores compatibles: los navegadores compatibles con la propiedad ctrlKey se enumeran a continuación:

  • safari de manzana
  • Google Chrome
  • Firefox
  • Ópera
  • explorador de Internet

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 *