键盘启动iOS 7时未捕获表单提交按钮事件

Question

我正在使用面向 iOS 的 cordova 构建网络应用程序。我有这个表格

<form id="formID">

  <div class="row">
    <input type="text" name="something1" placeholder="something1" class="form-control" required maxlength="26" />
  </div>

  <div class="row">
    <input type="text" name="something2" placeholder="something2" class="form-control" pattern=".{6,6}" required />
  </div>

  <div class="row">
    <input type="submit" value="Submit" class="button btn-primary" />
  </div>

</form>

在我的 javascript 中，我有一个提交事件的侦听器。

我的问题是当键盘在 iOS 中显示时，单击提交按钮并不总是触发提交事件。有时它在前 2 次有效，但随后停止工作。有谁遇到过这个问题？

现在您可能需要先单击键盘上的“完成”（使其消失），然后使用提交按钮。或者，单击提交按钮，键盘显示哪个将使键盘板隐藏，然后再次单击提交。

有什么想法吗？

编辑

它在 iOS 6 上运行良好，但在 iOS 7 上，提交按钮在前 2 次点击后不会触发事件。

Answer 1

所以我解决了我遇到的问题。如问题中所述，它适用于 ios6 和 android。但是对于 ios7，我注意到当我增加提交按钮上方的文本字段的高度时，我得到了上述错误。当我没有添加任何影响提交按钮上方元素高度的非默认样式时。奇怪的权利。

但后来我读到了这个question。

因此，我没有使用提交按钮并让我的脚本等待提交事件触发，而是将按钮更改为链接并监听 touchend 事件。巴姆，它就像一个魅力。

$(document).on('touchend', 'form #button', function (e) {
    $('#formID').submit();
});

所以我让这个事件绕过并触发提交事件，这样点击键盘上的“Go”按钮仍然会触发提交功能。