HTML KeyboardEvent location用法及代码示例

KeyboardEvent位置属性用于返回一个数字，该数字指示键盘或设备上按键的位置。 KeyboardEvent位置属性可用于onkeydown和onkeyup事件，但不能用于onkeypress。

KeyboardEvent位置属性返回的数字由4个常量表示：

不变	位置	描述
0	DOM_KEY_LOCATION_STANDARD	该值几乎代表键盘上的每个键，例如“B”，“R”，“SPACE”或“8”。
1	DOM_KEY_LOCATION_LEFT	该值表示左键，例如左“CTRL”键或左“ALT”键。
2	DOM_KEY_LOCATION_RIGHT	此值代表一个右键，例如右“CTRL”键或右“ALT”键。
3	DOM_KEY_LOCATION_NUMPAD	此值表示数字键或小键盘键。

用法

event.location

以下示例程序旨在说明KeyboardEvent的位置属性：

示例1：获取 key 的位置。

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>KeyboardEvent location Property in HTML 
  </title> 
    <style> 
        div { 
            border:3px solid green; 
            height:100px; 
            width:500px; 
        } 
          
        h1 { 
            color:green; 
        } 
          
        h2 { 
            font-family:Impact; 
        } 
          
        body { 
            text-align:center; 
        } 
    </style> 
</head> 
  
<body> 
  
    <h1>GeeksforGeeks</h1> 
    <h2>KeyboardEvent location Property</h2> 
  
    <p>To return the location of a key, 
      insert some character in the field.</p> 
  
    <input type="text" 
           size="20" 
           onkeydown="keyboard(event)"> 
  
    <p id="test"></p> 
  
    <script> 
        function keyboard(event) { 
            
            //  Return location of key. 
            var gfg = event.location; 
            document.getElementById("test").innerHTML =  
              "Location of the pressed key is:" + gfg; 
        } 
    </script> 
  
</body> 
  
</html>

输出：
按下按钮之前：

按下按钮后：

支持的浏览器：

Opera
IE浏览器
谷歌浏览器
Firefox
苹果Safari

相关用法

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