javascript - Textarea enter keypress 不工作，因为表单提交 enter prevention

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

我找到了解决方案。

您阻止了所有表单元素上的回车键。只需对您的代码添加一些调整即可完成。当您的注意力集中在文本区域时，只需跳过防止回车键。看下面的代码:

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