HTML | DOM KeyboardEvent shiftKey Propiedad

La propiedad shiftKey de KeyboardEvent en HTML DOM es una propiedad de solo lectura y se usa para devolver un valor booleano que indica que la tecla SHIFT está presionada o no. La propiedad KeyboardEvent shiftKey devuelve verdadero si se presiona la tecla SHIFT; de lo contrario, devuelve falso. 

Sintaxis:

event.shiftKey

El siguiente programa ilustra la propiedad shiftkey de KeyboardEvent en HTML DOM: 

Ejemplo: Este ejemplo verifica si la tecla SHIFT está presionada o no. 

html

<!DOCTYPE html>
<html>
     
<head>
    <title>
        HTML DOM KeyboardEvent shiftKey Property
    </title>
</head>
 
<body>
 
    <h1>GeeksforGeeks</h1>
     
    <h2>KeyboardEvent shiftKey Property</h2>
     
    <p>
        Check whether the SHIFT key is pressed or not
    </p>
     
    <input type="text" onkeydown="keyboard(event)">
     
    <p id="test"></p>
     
    <!-- script to check shift key is pressed or not -->
    <script>
        function keyboard(event) {
            var a = document.getElementById("test");
             
            if (event.shiftKey) {
                a.innerHTML = "The Shift key has been pressed!";
            }
            else {
                a.innerHTML = "The Shift key has not been pressed!";
            }
        }
    </script>
</body>
 
</html>                                       

Producción: 

Antes de pulsar la tecla:

  

Después de pulsar la tecla:

  

Navegadores compatibles: los navegadores compatibles con KeyboardEvent shiftKey Property se enumeran a continuación:

  • Ópera 12.1
  • explorador de Internet 9
  • Google cromo 1
  • Borde 12
  • Firefox 1.5
  • Apple Safari 1.2

Publicación traducida automáticamente

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