JavaScript |触发 ENTER 键上的按钮

要触发ENTER键上的单击按钮，我们可以使用 jQuery 的任何keyup() 、 keydown()和keypress()事件。

• keyup()：释放键盘键时发生此事件。该方法要么触发 keyup 事件，要么在 keyup 事件发生时运行函数。

  句法：

  • 它触发所选元素的 keyup 事件。

    $(selector).keyup()

  • 它将一个函数附加到 keyup 事件。

    $(selector).keyup(function)

• keydown()：当按下键盘键时发生此事件。该方法要么触发 keydown 事件，要么在 keydown 事件发生时运行函数。
  句法：
  • 它触发所选元素的 keydown 事件。

    $(selector).keydown()

  • 它将一个函数附加到 keydown 事件。

    $(selector).keydown(function)

• keypress()：此事件类似于 keydown 事件。释放键盘键时发生此事件。该方法要么触发按键事件，要么在按键事件发生时运行函数。
  注意：并非所有键（例如 ALT、CTRL、SHIFT、ESC）都会触发此事件。
  句法：
  • 它触发所选元素的按键事件。

    $(selector).keypress()

  • 它将一个函数附加到按键事件。

    $(selector).keypress(function)

  示例 1：此示例使用keypress()事件将输入键作为按钮触发。

    
    
    
   
       
          JavaScript | Trigger a button on ENTER key 
      
        
      
      
   
           
    
       
        
          GeeksForGeeks  
        
     
      Username: 
      Password: 
      Submit 
               
       
          $("#pass").keypress(function(event) {
              if (event.keyCode === 13) {
                  $("#GFG_Button").click();
              }
          });
     
          $("#GFG_Button").click(function() {
              alert("Button clicked");
          });
       
    
    
   

  输出：

  • 在按下按钮之前：
    
  • 按下按钮后：
    

  示例 2：此示例使用keyup()事件将 enter 键作为按钮触发。

    
    
    
   
       
          JavaScript | Trigger a button on ENTER key 
      
        
      
      
   
           
    
       
        
          GeeksForGeeks  
        
     
      Username: 
      Password: 
      Submit 
               
       
          $("#pass").keyup(function(event) {
              if (event.keyCode === 13) {
                  $("#GFG_Button").click();
              }
          });
     
          $("#GFG_Button").click(function() {
              alert("Button clicked");
          });
       
    
    
    

  输出：

  • 释放按钮之前：
    
  • 松开按钮后：
    

  JavaScript 以网页开发而闻名，但它也用于各种非浏览器环境。您可以按照这个 JavaScript 教程和 JavaScript 示例从头开始学习 JavaScript。