我刚刚写了这个漂亮的小函数，它适用于表单本身......
$("#form").keypress(function(e) {
if (e.which == 13) {
var tagName = e.target.tagName.toLowerCase();
if (tagName !== "textarea") {
return false;
}
}
});
在我的逻辑中，我想在输入文本区域期间接受回车。此外，将输入字段的回车键行为替换为跳转到下一个输入字段的行为（就像按下了 Tab 键一样）将是一个额外的好处。有没有人知道使用事件传播模型正确触发适当元素上的回车键的方法，但防止在其按下时提交表单？
您可以模仿 Tab 键按下而不是像这样在输入上输入：
//Press Enter in INPUT moves cursor to next INPUT
$('#form').find('.input').keypress(function(e){
if ( e.which == 13 ) // Enter key = keycode 13
{
$(this).next().focus(); //Use whatever selector necessary to focus the 'next' input
return false;
}
});
您显然需要弄清楚按下 Enter 时需要哪些选择器才能专注于下一个输入。
请注意，当按下 Enter 键时，总是会提交单个输入表单。防止这种情况发生的唯一方法是：
<form action="/search.php" method="get">
<input type="text" name="keyword" />
<input type="text" style="display: none;" />
</form>
这是我的函数的修改版本。它执行以下操作：
所以我的解决方法是检查元素类型，如果类型不是 textarea（允许输入）或按钮/提交（输入 = 单击），那么我们只需 Tab 到下一件事。
在元素上调用 .next() 没有用，因为其他元素可能不是简单的兄弟元素，但是因为 DOM 在选择时几乎保证顺序，所以一切都很好。
function preventEnterSubmit(e) {
if (e.which == 13) {
var $targ = $(e.target);
if (!$targ.is("textarea") && !$targ.is(":button,:submit")) {
var focusNext = false;
$(this).find(":input:visible:not([disabled],[readonly]), a").each(function(){
if (this === e.target) {
focusNext = true;
}
else if (focusNext){
$(this).focus();
return false;
}
});
return false;
}
}
}
从可用性的角度来看，更改输入行为以模仿选项卡是一个非常糟糕的主意。用户习惯于使用回车键提交表单。这就是互联网的运作方式。你不应该打破这个。
文章 Enter Key as the Default Button 描述了如何设置 Enter 按键的默认行为。但是，有时，您需要在按下 Enter 键时禁用表单提交。如果你想完全阻止它，你需要在页面的标签上使用 OnKeyPress 处理程序。
<body OnKeyPress="return disableKeyPress(event)">
javascript 代码应该是：
<script language="JavaScript">
function disableEnterKey(e)
{
var key;
if(window.event)
key = window.event.keyCode; //IE
else
key = e.which; //firefox
return (key != 13);
}
</script>
如果要在输入字段中按下 Enter 键时禁用表单提交，则必须在输入字段的 OnKeyPress 处理程序上使用上述函数，如下所示：
<input type="text" name="txtInput" onKeyPress="return disableEnterKey(event)">
来源：http : //www.bloggingdeveloper.com/post/Disable-Form-Submit-on-Enter-Key-Press.aspx