HTML | DOM 键盘事件代码属性

HTML 中的keyboardEvent 代码属性表示键盘上的物理键。它用于返回触发事件的键。

句法：

event.code

返回值：它返回一个字符串，表示按下了哪个键。

示例 1：使用 KeyDown 事件

  

    DOM keyboardEvent code Property

  

    
    
            GeeksforGeeks
        
  
    
            DOM keyboardEvent code Property
         
    
      Input:
    
  
    
  
    
        // Adding a event listener function
        window.addEventListener("keydown", function(event) {
            var code = "keydown code = '" +
                event.code + "'" + "<br/>";
  
            // Creating a span element
            var element = document.createElement("span");
            element.innerHTML = code;
  
            // Appending the created element to paragraph
            document.getElementById("p").appendChild(element);
        }, true);
    

  

输出：

示例 2：使用 KeyPress 事件

  

    DOM keyboardEvent code Property

  

    
            GeeksforGeeks
        
  
    
            DOM keyboardEvent code Property
        
    
      Input:
    
  
    
  
    
        // Adding a event listener function
        window.addEventListener("keypress", function(event) {
            var code = "keypress code = '" +
                event.code + "'" + "<br/>";
  
            // Creating a span element
            var element = document.createElement("span");
            element.innerHTML = code;
  
            // Appending the created element to paragraph
            document.getElementById("p").appendChild(element);
        }, true);
    

  
            

输出：

示例 3：使用 KeyUp 事件

  

    DOM keyboardEvent code Property

  

    
            GeeksforGeeks
        
  
    
            DOM keyboardEvent code Property
         
    
      Input:
    
  
    
  
    
        // Adding a event listener function
        window.addEventListener("keyup", function(event) {
            var code = "keyup code = '" +
                event.code + "'" + "<br/>";
  
            // Creating a span element
            var element = document.createElement("span");
            element.innerHTML = code;
  
            // Appending the created element to paragraph
            document.getElementById("p").appendChild(element);
        }, true);
    

  
            

输出：

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

• 苹果 Safari 10.0
• 谷歌浏览器 48.0
• 火狐 32.0
• 歌剧
• 不支持 Internet Explorer