HTML | DOM KeyboardEvent shiftKey Property

The KeyboardEvent shiftKey property in HTML DOM is a read-only property and used to return a Boolean value which indicates the SHIFT key is pressed or not. The KeyboardEvent shiftKey property returns true if the SHIFT key is pressed, otherwise returns false.

Syntax:

event.shiftKey

Below program illustrates the KeyboardEvent shiftkey Property in HTML DOM:



Example: This example check whether the SHIFT key is pressed or not.

filter_none

edit
close

play_arrow

link
brightness_4
code

<!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>                                        

chevron_right


Output:
Before Press the key:

After Press the key:

Supported Browsers: The browser supported by KeyboardEvent shiftKey Property are listed below:

  • Opera
  • Internet Explorer
  • Google Chrome
  • Firefox
  • Apple Safari


My Personal Notes arrow_drop_up

Recommended Posts:



    Article Tags :
    Practice Tags :


    Be the First to upvote.


    Please write to us at contribute@geeksforgeeks.org to report any issue with the above content.