假设您在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来做这个吗?
当前回答
另一个简单的选项是将返回按钮放在HTML代码中的提交按钮之后，但将其浮动到左侧，这样它就会出现在提交按钮之前的页面上。
要做到这一点，只需改变制表符顺序即可。保持简单。
其他回答
纯HTML无法做到这一点。要做到这一点，必须依赖JavaScript。
但是，如果在HTML页面上放置两个表单，则可以做到这一点。
Form1将拥有前面的按钮。
Form2将有任何用户输入+下一个按钮。
当用户在Form2中按下Enter键时，Next提交按钮将触发。
从https://html.spec.whatwg.org/multipage/forms.html implicit-submission
表单元素的默认按钮是树中的第一个提交按钮 它的表单所有者是该表单元素。 如果用户代理支持让用户隐式提交表单 (例如，在某些平台上，在输入文本时按下“enter”键 字段被隐式聚焦提交表单)…
将下一个输入设置为type="submit"，并将前一个输入更改为type="button"，应该会得到所需的默认行为。
<form>
<input type="text" name="field1" /> <!-- put your cursor in this field and press Enter -->
<input type="button" name="prev" value="Previous Page" /> <!-- This is the button that will submit -->
<input type="submit" name="next" value="Next Page" /> <!-- But this is the button that I WANT to submit -->
</form>
当用鼠标点击按钮时(最好是通过触摸)，它会记录X,Y坐标。当表单调用它时，情况并非如此，这些值通常为零。
所以你可以这样做:
function(e) {
const isArtificial = e.screenX === 0 && e.screenY === 0
&& e.x === 0 && e.y === 0
&& e.clientX === 0 && e.clientY === 0;
if (isArtificial) {
return; // DO NOTHING
} else {
// OPTIONAL: Don't submit the form when clicked
// e.preventDefault();
// e.stopPropagation();
}
// ...Natural code goes here
}
如果你真的只是想让它像安装对话框一样工作，只需要关注“Next”按钮OnLoad。
这样，如果用户点击Return，表单就会提交并继续。如果他们想返回，他们可以按Tab键或点击按钮。
<input type="submit" name="prev" value="Previous Page">
<input type="submit" name="prev" value="Next Page">
保持所有提交按钮的名称相同:“prev”。
唯一的区别是具有唯一值的value属性。在创建脚本时，这些惟一的值将帮助我们确定按下了哪个提交按钮。
并编写以下代码:
btnID = ""
if Request.Form("prev") = "Previous Page" then
btnID = "1"
else if Request.Form("prev") = "Next Page" then
btnID = "2"
end if
