javascript - Textarea enter keypress not working because of form submit enter prevention - Stack Overflow

admin管理员组

文章数量:1344238

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>

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>

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>

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>

• javascript
• jquery
• html
• forms

Share Improve this question Follow asked May 1, 2015 at 10:52 Harsh GuptaHarsh Gupta 17366 silver badges1616 bronze badges 2

• 2 try this : jsfiddle/scraaappy/bfwvc3ya – scraaappy Commented May 1, 2015 at 11:03
• Why would you do that? (catch the 13 key that is) – Maurice Perry Commented May 1, 2015 at 11:04

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 9

I have find solution.

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;
        }
      }
  });
});

To prevent the form from submitting, try this instead:

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

本文标签： javascriptTextarea enter keypress not working because of form submit enter preventionStack Overflow