在手机上单击“开始”时停止提交表单

Question

有没有办法将按钮链接到输入，所以当您在 .NET 上下文中按下键盘上的Next 或Go 时，手机知道该怎么做（即在输入上按下“Go”会伪造点击下一步按钮而不是提交表单）？

让我们谈谈代码。我有以下标记，其中injected-via-js 通过 javascript 注入到一个大表单中（渐进增强）。

<form class="dotNET-form-wrapper">
    <div class="injected-via-js">
        <div>
            <span>&pound;</span>
            <input type="number" />
        </div>
        <div>
            <button>accept</button>
        </div>
    </div>

    <!-- More form elements -->
</form>

在大多数移动浏览器上，当您更改数字输入中的值并按 Go 或 Enter 时，它会伪造按钮按下（在我的情况下，它绑定了一个重要事件）。然而，在一些旧的 Android 设备上，按下 Go 会提交表单，这 不是 我想要的。澄清一下：我希望 Go 按钮伪造按钮按下，而不是提交表单。

注意： .NET 仅与此问题相关，因为 everything 都包含在表单中，这意味着我无法围绕输入和按钮创建单独的表单并劫持新表单的提交。

我制作了一个 JSBin，我可以在其中使用Android 2.2 电话复制此错误，尽管我认为它也存在于其他不良浏览器上。它在 iOS 6+ 和 Android 2.3+ 上按预期工作。

这里是演示页面：http://jsbin.com/tebizoda/2

这是编辑版本：http://jsbin.com/tebizoda/2/edit

Answer 1

“Go”和“Enter”都具有键盘上的 Enter 键 (13) 等键码，因此您应该只创建一个 JavaScript 或 jQuery 函数来覆盖默认行为并触发按钮按下。类似于（jQuery 中的示例）：

$(your_form_or_input).keypress(function (e) {
  if (e.keyCode == 13) {
    return false;
  } else {
    // your code here...
  }
});

请注意，一些浏览器使用 e.keyCode，其他浏览器使用 e.which 来确定按下的键代码。