Javascript | MouseEvent getModifierState() 方法

mouseEvent getModifierState()用于返回事件发生时被按住的指定修饰键的状态。如果指定的修饰键被按下，则返回 true；如果未按下，则返回 false。

• 以下修饰键仅在按下时才会激活：Alt、Control、Meta、Shift。
• 还有一些修饰键在单击时激活，再次单击时禁用：CapsLock、ScrollLock 和 NumLock。

句法：

event.getModifierState(key)

参数：

• key：表示修饰键。它区分大小写。

返回值：它返回一个布尔值，指示指定的修饰键是否被激活。

• true：表示指定的修饰键被按下或激活。
• false：表示指定的修饰键没有被按下。

示例：在此示例中，如果 CapsLock 被激活，则显示 true，否则显示 false。要查看效果，请在打开/关闭 CapsLock 后单击输入元素。

    
        JavaScript Mouse Event
    
    
      
        
            GeeksforGeeks
        
          
        
            mouseEvent getModifierState() Method
        
   
        Input: 
          
        
          
        
        function geek(event) {
          var doc = event.getModifierState("CapsLock");
          document.getElementById("p").innerHTML = "Caps Lock activated: " + doc;
        }
        
    

输出：
大写锁定关闭（最初）：

大写锁定开启：

支持的浏览器： getModifierState() 方法支持的浏览器如下：

• 苹果Safari 10.1
• 谷歌浏览器 30.0
• 火狐15.0
• 歌剧 17.0
• 互联网浏览器 9.0