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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。