HTML | DOM KeyboardEvent getModifierState() Method

Last Updated : 14 Feb, 2019

The KeyboardEvent getModifierState() method in HTML DOM is used to return whether a specified modifier key is pressed, or activated. The KeyboardEvent getModifierState() method returns true if the specified key is pressed, otherwise it returns false.

The list of key which is pressed then Modifier keys activated are given below:

Alt
AltGraph
Control
Meta
Shift

Modifier keys activated when the user clicked and deactivated by using clicked once again:

CapsLock
NumLock
ScrollLock

Syntax:

event.getModifierState( modifierKey )

Below program illustrates the KeyboardEvent getModifierState() Property in HTML DOM:

Example: This example find out whether or not the “SHIFT” key is being pressed down.

<!DOCTYPE html> 
<html> 
      
<head>  
    <title> 
        HTML DOM KeyboardEvent getModifierState() Method 
    </title>  
</head> 
  
<body> 
    <h1>GeeksforGeeks</h1>  
      
    <h2> 
        KeyboardEvent getModifierState() Method 
    </h2> 
      
    <p> 
        Check whether the SHIFT key 
        pressed down or not 
    </p> 
      
    <input type="text" size="20" onkeydown="keyboard(event)"> 
      
    <p id="test"></p> 
      
    <script> 
        function keyboard(event) { 
            var s = event.getModifierState("Shift"); 
            document.getElementById("test").innerHTML 
                = "Is SHIFT being pressed: " + s; 
        } 
    </script> 
</body> 
  
</html>                                                