如何使用 JavaScript / jQuery 检查是否在文本框中按下了 enter 键？

给定一个 textarea 元素，任务是在 JQuery 的帮助下检查用户是否按下回车键。

• jQuery keyup() 方法：该方法触发keyup 事件或添加一个函数以在keyup 事件发生时运行。 keyup 事件在键盘按键被释放时发生。

  句法：

  • 触发所选元素的 keyup 事件：

    $(selector).keyup()
    

  • 将函数附加到 keyup 事件：

    $(selector).keyup(function)
    

  参数：它包含可选的单个参数事件。它指定触发 keyup 事件时要运行的函数。

• jQuery trigger() 方法：该方法为选定元素触发定义的事件和事件的默认行为。

  句法：

  $(selector).trigger(event, eventObj, param1, param2, ...)
  

  参数：

  • 事件：此参数是必需的。它指定要为指定元素触发的事件。事件可以是自定义或任何标准。
  • param1, param2, ...：此参数是可选的。它指定要传递给事件处理程序的额外参数。附加参数在自定义事件的情况下特别有用。
• jQuery on() 方法：该方法为选定元素和子元素添加一个或多个事件处理程序。

  句法：

  $(selector).on(event, childSelector, data, function, map)
  

  参数：

  • 事件：此参数是必需的。它指定一个或多个事件或命名空间以附加到所选元素。在多个事件值的情况下，它们用空格分隔。事件必须是有效的。
  • childSelector：这个参数是可选的。它指定事件处理程序只应附加到已定义的子元素。
  • 数据：此参数是可选的。它指定要传递给函数的附加数据。
  • 函数：此参数是必需的。它指定事件发生时要运行的函数。
  • map：它指定一个事件映射 ({event:func(), event:func(), ...})，其中包含一个或多个要添加到选定元素的事件，以及在事件发生时运行的函数。

示例 1：在此示例中， keyup 事件被添加到textarea中，当它发生时， keyup事件会触发一个新事件enterKey 。

 
 
     
         
            Event for user pressing enter
            button in a textbox
        
          
        
        
     
  
    
           
         
            GeeksForGeeks 
        
          
        
            click the Enter Key inside the textarea.
        
          
        
             
          
        
        
          
        
            $('textarea').keyup(function(e) {
                if(e.keyCode == 13) {
                    $(this).trigger("enterKey");
                }
            });         
            $('textarea').on("enterKey", function(e){
                $("#GFG_DOWN").text("Enter key pressed inside textarea");
            });                             
         
     
                    

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

示例 2：在此示例中，将keyup 事件添加到textarea ，当它发生时，屏幕上会打印一条消息 -在 textarea 内按下 Enter 键，而不会触发新事件来处理它。

 
 
     
         
            Check enter key pressed in a
            textbox using JavaScript
        
          
        
        
     
  
    
           
         
            GeeksForGeeks 
        
          
        
            click the Enter Key inside the textarea.
        
          
        
             
          
        
        
          
        
            $('textarea').keyup(function(e) {
                if(e.keyCode == 13) {
                    $("#GFG_DOWN").text("Enter key pressed inside textarea");
                }
            });                     
         
     
                    

输出：

• 在点击按钮之前：
  
• 点击按钮后：