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