Textarea enter keypress not working because of form submit enter prevention

Question

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>

Answer 1

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

Answer 2

To prevent the form from submitting, try this instead:

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