javascript - HTML 捕获 Enter 键和 Tab 键

Question

我想阻止回车键提交表单，我希望它充当 TAB 键以跳转到表单中的下一个字段或下一个元素。

这在 HTML/JS 中可能吗？

如果无法使回车按钮充当选项卡，是否有办法阻止表单提交并仅使用 HTML 上的按钮提交表单？

编辑:

当我询问另一个问题时，我收到了该问题的解决方案!

here你可以找到解决方案。

Answer 1

出于可访问性/可用性的原因，您确实不应该阻止 Enter 键提交表单(假设浏览器无论如何都会这样做；IIRC，一些较旧的浏览器不会)。

假设您想要执行此操作，因为提交按钮有一个您希望每个表单提交都发生的click处理程序，那么您应该将该代码移动到一个单独的函数并从表单的 submit 事件中调用它。

在 jQuery 中，它看起来像:

$('#myForm').submit(function(e) {
        if (!isValid()) {
            e.preventDefault();  // Could also be `return false;` but I prefer preventDefault.
        }
});

参见the docs .

仅供引用，如果您尝试进行一些验证，您应该查看 validation plugin .