input - 使用 Enter 键提交多行文本并使用 angularjs 在文本字段中显示全文

Question

我想用 Enter 键提交多行文本，并且在提交之前我可以看到全文。我知道有两种方法可以使用textareaand提交表单input type=text，但它们都达不到我的要求。任何帮助，请！

Note: Submit button is hidden

带有textarea.It 的表单显示全文，但是当我按 Enter 按钮时，它会创建一个新行，而不是提交。

<form data-ng-submit="sendMessage(message)" >
     <textarea  data-ng-model="message" placeholder="Add your message"></textarea>
     <input style="display:none" type="submit" value="Submit">
</form>

带有input type=text.Enter 的表单按下提交是可以的，但它不能在文本输入字段中显示多行，所以我看不到全文

<form data-ng-submit="sendMessage(message)" >
     <input type="text"  data-ng-model="message" placeholder="Add your message"></textarea>
     <input style="display:none" type="submit" value="Submit">
</form>

Answer 1

文本字段不能是多行的，因此该选项已失效。跨浏览器拦截按钮按下很复杂。jQuery 为这些数据提供了一个标准化的接口（如果你不使用 jQuery，这会很困难）。

在 Textarea 中按 Enter 时从表单提交中提取

$('#myTextArea').keydown(function(event) {
   if (event.keyCode == 13) {
      $(this.form).submit()
      return false;
   }
}