HTML KeyboardEvent key用法及代码示例

HTML中的keyboardEvent键属性用于返回发生键事件时按下的键的值。它会返回单个字符或多个字符串，具体取决于所按的键。这是一个只读属性。句法：

event.key

返回值：它返回一个字符串，代表按下的键。

它可以返回单个字符串，例如“a”，“5”，“+”等。
它可以返回多字符串，例如“F5”，“Enter”，“HOME”等。

例：

<html> 
  
<head> 
    <title>DOM keyboardEvent key Property</title> 
</head> 
  
<body style="text-align:center;"> 
    <h1 style="color:green;"> 
            GeeksforGeeks 
        </h1> 
  
    <h2> 
            DOM keyboardEvent key Property 
        </h2> Input:
    <input type="text" placeholder="Press any key.."> 
  
    <p id="p"></p> 
  
    <script> 
        // Adding a event listener function 
        window.addEventListener("keydown", function(event) { 
            var key = "key = '" + 
                event.key + "'"; 
  
            // Creating a span element 
            var element = document.createElement("span"); 
            element.innerHTML = key + "<br/>"; 
  
            // Appending the created element to paragraph 
            document.getElementById("p").appendChild(element); 
        }, true); 
    </script> 
</body> 
  
</html>

输出：

支持的浏览器：keyboardEvent键属性支持的浏览器如下：

Apple Safari不支持
谷歌浏览器51.0
Firefox 23.0
Opera 38.0
Internet Explorer 9.0

相关用法

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