HTML DOM KeyboardEvent getModifierState()用法及代码示例

HTML DOM中的KeyboardEvent getModifierState()方法用于返回是按下还是激活了指定的修饰键。如果按下指定的键，则KeyboardEvent getModifierState()方法返回true，否则返回false。

下面列出了按下并激活了修改器键的按键列表：

Alt
AltGraph
Control
Meta
Shift

当用户单击时激活修改键，并通过再次单击来取消激活：

CapsLock
NumLock
ScrollLock

用法:

event.getModifierState( modifierKey )

以下示例程序旨在说明HTML DOM中的KeyboardEvent getModifierState()属性：

例：本示例查找是否按下了“SHIFT”键。

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

输出：
按下按钮之前：

按下按钮后：

支持的浏览器：下面列出了KeyboardEvent getModifierState()方法支持的浏览器：

谷歌浏览器30.0
Internet Explorer 9.0
Firefox 15.0
Safari 10.1
Opera 17.0

相关用法

注：本文由纯净天空筛选整理自Shubrodeep Banerjee大神的英文原创作品 HTML | DOM KeyboardEvent getModifierState() Method。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。