假设您在HTML表单中创建了一个向导。一个按钮后退，一个按钮前进。因为当您按Enter键时，返回按钮首先出现在标记中，它将使用该按钮提交表单。
例子:
< >形式 <！—将光标移至该字段，按“Enter”。—> <input type="text" name="field1" /> <！这是提交的按钮——> <input type="submit" name="prev" value="Previous Page" /> <！——但这是我想提交的按钮——> <input type="submit" name="next" value=" next Page" /> > < /形式
我想要确定当用户按Enter键时使用哪个按钮提交表单。这样，当您按下Enter键时，向导将移动到下一页，而不是上一页。你必须使用tabindex来做这个吗?
当前回答
我在试图找到基本相同的问题的答案时遇到了这个问题，只是用ASP。asp.net控件，当我发现ASP按钮有一个叫做UseSubmitBehavior的属性，它允许你设置哪一个进行提交。
<asp:Button runat="server" ID="SumbitButton" UseSubmitBehavior="False" Text="Submit" />
以防有人在找ASP。NET按钮的方式来做。
其他回答
使用JavaScript(这里是jQuery)，您可以在提交表单之前禁用prev按钮。
$('form').on('keypress', function(event) {
if (event.which == 13) {
$('input[name="prev"]').prop('type', 'button');
}
});
如果你真的只是想让它像安装对话框一样工作，只需要关注“Next”按钮OnLoad。
这样，如果用户点击Return，表单就会提交并继续。如果他们想返回，他们可以按Tab键或点击按钮。
与其纠结于多次提交，JavaScript或类似的东西来做一些上/下的事情，另一种选择是使用旋转木马来模拟不同的页面。 这样做:
你不需要多个按钮，输入或提交来做上一个/下一个事情，你只有一个输入类型="submit"在只有一个形式。 整个表单中的值一直存在，直到表单提交为止。 用户可以切换到任何上一页和下一页来完美地修改值。
使用Bootstrap 5.0.0的示例:
<div id="carousel" class="carousel slide" data-ride="carousel">
<form action="index.php" method="post" class="carousel-inner">
<div class="carousel-item active">
<input type="text" name="lastname" placeholder="Lastname"/>
</div>
<div class="carousel-item">
<input type="text" name="firstname" placeholder="Firstname"/>
</div>
<div class="carousel-item">
<input type="submit" name="submit" value="Submit"/>
</div>
</form>
<a class="btn-secondary" href="#carousel" role="button" data-slide="prev">Previous page</a>
<a class="btn-primary" href="#carousel" role="button" data-slide="next">Next page</a>
</div>
当我第一次遇到这种情况时，我想出了一个onclick()/JavaScript hack，当选择不是prev/next时，我仍然喜欢它的简单性。它是这样的:
@model myApp.Models.myModel
<script type="text/javascript">
function doOperation(op) {
document.getElementById("OperationId").innerText = op;
// you could also use Ajax to reference the element.
}
</script>
<form>
<input type="text" id = "TextFieldId" name="TextField" value="" />
<input type="hidden" id="OperationId" name="Operation" value="" />
<input type="submit" name="write" value="Write" onclick='doOperation("Write")'/>
<input type="submit" name="read" value="Read" onclick='doOperation("Read")'/>
</form>
当单击任何一个提交按钮时，它将所需的操作存储在一个隐藏字段中(该字段是包含在与表单关联的模型中的字符串字段)，并将表单提交给控制器，由控制器进行所有决定。在控制器中，你只需写:
// Do operation according to which submit button was clicked
// based on the contents of the hidden Operation field.
if (myModel.Operation == "Read")
{
// Do read logic
}
else if (myModel.Operation == "Write")
{
// Do write logic
}
else
{
// Do error logic
}
您还可以使用数值操作代码来避免字符串解析，但是除非使用枚举，否则代码可读性较差、可修改性较差、自文档性较差，解析也很简单。
如果你在一个页面上有多个活动按钮，你可以这样做:
将您想要在Enter键上触发的第一个按钮标记为表单上的默认按钮。对于第二个按钮，将其关联到键盘上的退格键。Backspace eventcode是8。
$(document).on("keydown", function(event) { if (event.which.toString() == "8") { var findActiveElementsClosestForm = $(document.activeElement).closest("form"); if (findActiveElementsClosestForm && findActiveElementsClosestForm.length) { $("form#" + findActiveElementsClosestForm[0].id + " .secondary_button").trigger("click"); } } }); <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script> <form action="action" method="get" defaultbutton="TriggerOnEnter"> <input type="submit" id="PreviousButton" name="prev" value="Prev" class="secondary_button" /> <input type="submit" id='TriggerOnEnter' name="next" value="Next" class="primary_button" /> </form>
