How to submit a form on enter when the textarea has focus

Question

When filling out a form s textarea  the default behavior when the enter key is hit is to move to the next line  How can I change the behavior of the form so it will submit upon user hitting enter even when the user is in a textarea    I used Firebug to checkout Stack nbsp Overflow s comment textarea  which has this behaviour   but couldn t see any JavaScript that achieved this affect  Is there a way to change the behavior of the textarea without using JavaScript

User · Answer

Why do you want a textarea to submit when you hit enter?

A "text" input will submit by default when you press enter. It is a single line input.

<input type="text" value="...">

A "textarea" will not, as it benefits from multi-line capabilities. Submitting on enter takes away some of this benefit.

<textarea name="area"></textarea>

You can add JavaScript code to detect the enter keypress and auto-submit, but you may be better off using a text input.

User · Answer

lt form id  myform  gt       lt input type  textbox  id  field   gt       lt input type  button  value  submit  gt   lt  form gt    lt script gt        function                  field   keyup function  event                if  event which     13                    document myform submit                                     lt  script gt

User · Answer

You can t do this without JavaScript  Stackoverflow is using the jQuery JavaScript library which attachs functions to HTML elements on page load   Here s how you could do it with vanilla JavaScript    lt textarea onkeydown  if  event keyCode    13    this form submit    return false     gt  lt  textarea gt    Keycode 13 is the enter key   Here s how you could do it with jQuery like as Stackoverflow does    lt textarea class  commentarea  gt  lt  textarea gt    with    document  ready function             commentarea   keydown function event            if  event which    13                this form submit                event preventDefault

[html] How to submit a form on enter when the textarea has focus?

Examples related to html

Examples related to forms