Open In App

HTML | DOM KeyboardEvent shiftKey Property

Last Updated : 06 Jul, 2022
Comments
Improve
Suggest changes
Like Article
Like
Report

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. 

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>

Output: 

Before Press the key:

  

After Press the key:

  

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

  • Opera 12.1
  • Internet Explorer 9
  • Google Chrome 1
  • Edge 12
  • Firefox 1.5
  • Apple Safari 1.2

Next Article
HTML | DOM Form length Property

S
Shubrodeep Banerjee
Improve
Article Tags :

Similar Reads

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy
Lightbox