由于表单提交输入预防，Textarea 输入按键不起作用

Question

我有一个表单，我在其中使用了以下代码来防止在按“Enter”时提交表单。

<script>
$(document).ready(function() {
  $(window).keydown(function(event){
    if(event.keyCode == 13) {
      event.preventDefault();
      return false;
    }
  });
});

</script>

因此，“Enter”键在任何文本区域输入中都不起作用。由于正文功能，我无法输入新行。我该如何解决？

<textarea name='description' placeholder="Any other information (optional)"</textarea>

Answer 1

我找到了解决办法。

您可以阻止所有表单元素上的输入键。只需对您的代码添加一些调整即可。当您的注意力集中在 textarea 上时，只需跳过防止输入键。见以下代码：

$(document).ready(function() {
  $(window).keydown(function(event){
      if(event.target.tagName != 'TEXTAREA') {
        if(event.keyCode == 13) {
          event.preventDefault();
          return false;
        }
      }
  });
});

Answer 2

要阻止表单提交，请尝试以下操作：

$("form").submit(function(e){
  e.preventDefault();
}