我刚刚写了这个漂亮的小函数，可以在表单本身上使用...
$("#form").keypress(function(e) {
if (e.which == 13) {
var tagName = e.target.tagName.toLowerCase();
if (tagName !== "textarea") {
return false;
}
}
});
在我的逻辑中，我想要在文本区域输入期间接受回车符。此外，如果能够将输入字段的回车键行为替换为定位到下一个输入字段的行为（就像按下标签键一样），那将是额外的奖励。有人知道如何使用事件传播模型，在适当的元素上正确触发回车键，但防止表单在其按下时提交吗？
您可以模拟按下Tab键而不是Enter键来操作输入框，代码如下：
//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键时，显然您需要确定哪些选择器是必要的，以便将焦点集中在下一个输入上。
$(this).nextAll('INPUT').first().focus(); 比 $(this).next().focus(); 更适合。试一试，看看它们的区别。 - Volomike请注意，单个输入表单在按下回车键时总是会提交。唯一的防止这种情况发生的方法是：
<form action="/search.php" method="get">
<input type="text" name="keyword" />
<input type="text" style="display: none;" />
</form>
这是我修改后的函数版本，它执行以下操作：
因此，我的解决方法是检查元素类型，如果类型不是textarea（允许输入回车）、button/submit（回车=点击），那么我们就切换到下一个元素。
在元素上调用.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;
}
}
}
preventEnterSubmit是表单keypress事件的处理程序。 - Álvaro GonzálezjQuery('#form_id').onkeypress(preventEnterSubmit(e); 返回一个引用错误，说找不到e；使用更迂回的方法也一样，例如jQuery('#form_id').addEventListener('keypress', preventEnterSubmit(e));这里缺少什么？ - Kaji从可用性角度来看，将回车行为改为模仿制表符是一个非常糟糕的想法。用户习惯使用回车键提交表单。这就是互联网的工作方式。你不应该打破这一点。
《Enter Key as the Default Button》一文介绍了如何设置Enter键的默认行为。然而，有时您需要禁用在按下Enter键时提交表单。如果您想完全防止这种情况，您需要在页面的<form>标签上使用OnKeyPress处理程序来禁用表单提交。
<body OnKeyPress="return disableKeyPress(event)">
<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>
<input type="text" name="txtInput" onKeyPress="return disableEnterKey(event)">
来源: http://www.bloggingdeveloper.com/post/Disable-Form-Submit-on-Enter-Key-Press.aspx
本文介绍了如何使用jQuery禁用表单在按下回车键时自动提交。您可以通过捕获回车键事件并取消默认行为来实现这一点。此外，该文章还提供了一个完整的代码示例，以便更好地理解如何实现此功能。我稍微修改了Dmitriy Likhten的答案，效果很好。包括如何将函数引用到事件中。请注意，不要包含()，否则它会被执行。我们只是传递一个引用。
$(document).ready(function () {
$("#item-form").keypress(preventEnterSubmit);
});
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;
}
}
}
之前的解决方案对我没有用，但我找到了一个解决方案。
这个方法等待任何按键，测试是否匹配13，如果是则返回false。
在<HEAD>标签中
function stopRKey(evt) {
var evt = (evt) ? evt : ((event) ? event : null);
var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
if ((evt.which == 13) && (node.type == "text")) {
return false;
}
}
document.onkeypress = stopRKey;
我更喜欢@Dmitriy Likhten的解决方案，但是：只有当我稍微改变了代码时它才起作用：
[...] else
{
if (focusNext){
$(this).focus();
return false; } //
}
$(document).on( 'keypress', '.input_class', function (e) {
if (e.charCode==13) {
$(this).parent('.container').children('.button_class').trigger('click');
return false;
}
});
为表单和输入设置触发器，但当触发输入事件时，通过调用stopPropagation方法停止传播到表单。
顺便说一句，在我看来，改变默认行为不是一个好主意，因为这会让用户在使用您的系统时感到愤怒。但如果您坚持要这样做，那么stopPropagation方法就是正确的选择。