由于表格提交进入预防，Textarea输入按键不起作用 [英] Textarea enter keypress not working because of form submit enter prevention

问题描述

我有一个表单，其中我使用以下代码来阻止在输入按下时提交表单。

I have a form in which I've used the following code to prevent the form being submitted on the press of 'Enter'.

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

</script>

因此，'Enter'键在任何textarea输入中都不起作用。由于身体功能，我不能进入新的一行。我如何解决这个问题？

As a result, the 'Enter' key is not working in any textarea input. I can't enter a new line because of the body function. How do I solve this?

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

推荐答案

我找到了解决方案。

您可以阻止在所有表单元素上输入密钥。只需在代码中添加一些调整即可。当焦点在textarea上时，只需跳过阻止输入键即可。见下面的代码：

You prevent enter key on all the form element. Just add some tweak to your code and its done. Just skip prevention of enter key when your focus is on textarea. See below code :

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

这篇关于由于表格提交进入预防，Textarea输入按键不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！