填写表单的文本区域时，按回车键时的默认行为是移动到下一行。如何更改表单的行为，以便即使用户在文本区域中，它也会在用户按 Enter 时提交？
我使用 Firebug 来检查 StackOverflow 的评论文本区域（具有此行为），但看不到任何实现此效果的 JavaScript。有没有办法在不使用 JavaScript 的情况下改变 textarea 的行为？
【问题讨论】：
如果没有 JavaScript，您将无法做到这一点。 Stackoverflow 正在使用 jQuery JavaScript 库，该库在页面加载时将函数附加到 HTML 元素。
以下是使用原生 JavaScript 的方法：
<textarea onkeydown="if (event.keyCode == 13) { this.form.submit(); return false; }"></textarea>
Keycode 13 是回车键。
您可以像 Stackoverflow 那样使用 jQuery 来做到这一点：
<textarea class="commentarea"></textarea>
与
$(document).ready(function() {
$('.commentarea').keydown(function(event) {
if (event.which == 13) {
this.form.submit();
event.preventDefault();
}
});
});
【讨论】：
this.form.submit() 不会触发您可能拥有的任何事件侦听器，也不会运行表单的onsubmit 属性中的代码。为了触发这些事件，您需要调用 this.form.requestSubmit()
<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>
【讨论】：
为什么要在按回车时提交文本区域？
当您按下回车键时，默认情况下会提交“文本”输入。它是单行输入。
<input type="text" value="...">
“textarea”不会，因为它受益于多行功能。在进入时提交会带走一些好处。
<textarea name="area"></textarea>
您可以添加 JavaScript 代码来检测回车键并自动提交，但最好使用文本输入。
【讨论】：