如何检测“shift+enter”并在Textarea中生成新行？

文本区域标签定义了一个多行文本输入控件。文本区域的大小可以由 cols 和 rows 属性指定。默认情况下，每当我们按“enter”或“shift+enter”时，它都会在文本区域中创建一个新行。因此，要仅检测“shift+enter”并从中生成新行，我们需要阻止“enter”生成新行并将其重定向以执行其他操作，例如提交。

示例 1：查看以下示例以了解“enter”和“shift+enter”机制。所以，在下面的代码中， “enter”和“shift+enter”都是一样的。因此，所要做的就是阻止“进入”机制或将其重定向以执行其他操作。

    
        GeeksforGeeks
        
            function geeks(event) {
                // 13 is the keycode for "enter"
                if (event.keyCode == 13 && event.shiftKey) {
                    document.getElementById("d").innerHTML = "Triggered enter+shift";
                }
                if (event.keyCode == 13 && !event.shiftKey) {
                    document.getElementById("d").innerHTML = "Triggered enter";
                }
            }
        
        Press "enter" or "shift+enter" in the textarea, both does the same.
        GeeksforGeeks A Computer science portal for geeks.
        
        
    

  

输出：

示例 2：在下面的代码中，我们创建了一个函数（ submitForm() ）来提交只包含一行的表单，因为将这个document.geek.submit()放在event.preventDefault()下， document.geek.submit( )将覆盖event.preventDefault()并且永远不会阻止“输入”创建一行。

  

    
        function press(event) {
            if (event.keyCode == 13 && !event.shiftKey) {
                
                //Stops enter from creating a new line
                event.preventDefault(); 
                submitForm();
                return true;
            }
  
            function submitForm() {
                document.geek.submit(); //submits the form.
            }
        }
    

  

    
        GeeksforGeeks
        
        Press "enter" to submit and "shift+enter" to generate a new line.
        
        
            
        
    

  

submit.html 中的 HTML：

   
     
List Submitted.
   
  

输出：