如何在textarea关注时input表单提交？

填写表单的textarea时，回车键被击中时的默认行为是移动到下一行。 我怎样才能改变表单的行为，所以即使当用户在一个textarea时，它会提交用户击中input？

我用Firebug签出堆栈溢出的评论textarea（有这种行为），但看不到任何JavaScript的影响。 有没有办法改变textarea的行为而不使用JavaScript？

Answer 1

没有JavaScript就无法做到这一点。 Stackoverflow正在使用jQuery JavaScript库在页面加载时将函数附加到HTML元素。

以下是你如何使用基本的JavaScript做到这一点：

<textarea onkeydown="if (event.keyCode == 13) { this.form.submit(); return false; }"></textarea> 

键码13是input键。

以下是如何使用jQuery进行处理，就像Stackoverflow一样：

 <textarea class="commentarea"></textarea> 

同

 $(document).ready(function() { $('.commentarea').keydown(function(event) { if (event.keyCode == 13) { this.form.submit(); return false; } }); }); 

Answer 2

为什么你要一个textarea提交时，当你input？

当您按回车键时，“文本”input将默认提交。 这是一个单行input。

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

“textarea”不会因为多线function而受益。 提交input带走了一些好处。

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

您可以添加JavaScript代码来检测input按键和自动提交，但是最好使用文本input。

Answer 3

 <form id="myform"> <input type="textbox" id="field"/> <input type="button" value="submit"> </form> <script> $(function () { $("#field").keyup(function (event) { if (event.which === 13) { document.myform.submit(); } } }); </script>