html PhoneGap Android：数字软键盘有下一个而不是转到按钮

Question

这让我发疯，我在任何地方都找不到答案。

我的phonegap 应用程序中有表格。如果输入type=“text”，则弹出文本键盘，并在角落显示“go”。当您单击“开始”时，它会提交表单。这一切都按我的预期进行。但如果我使用输入类型=“数字”，则会弹出数字键盘，并在角落中显示“下一个”。当您单击“下一步”时，如果按钮标签之前还有另一个输入框，则会转到该输入。没关系。 。 。不理想，但有道理。但如果它是页面上的最后一个输入字段，则单击“下一步”不会执行任何操作。它不会将焦点放在按钮上（即使使用 tabindex），也不会提交表单（理想情况）。

我正在使用phonegap 1.3.0 和jquery 1.7（如果有帮助的话）。

Answer 1

您可以通过在 JQuery 中使用以下绑定来检测下一次键盘按下：

$('input').on('keydown', function(e){
    if(e.which === 9) {
        //your code here
    }
});

“下一个”按钮模拟键盘上的 Tab 键按下事件，即键代码 9。不幸的是，keypress 和 keyup 事件不会检测下一个键事件，因此你需要将它绑定在 keydown 上。

希望有帮助！

Answer 2

好吧，现在我确实有了一些看起来像答案并且嘎嘎叫起来像答案的东西。

这是一次可怕的黑客攻击，目前我正在经历一些副作用，但无论如何这对人类来说是一个小小的飞跃。

将不可见的文本输入添加到表单中，一旦获得焦点就会自动提交表单。由于它只能从用户按“下一步”或从最后一个数字字段按 Tab 键接收焦点，因此用户序列中应该有相当可靠的逻辑。

<input type='text' style="opacity:0;" onfocus="javascript:$('#thisForm').submit();">

副作用是：

• 隐藏的表单字段将短暂可见。您可以通过以下方式避免这种情况
  使用 onfocus 处理程序也可以重新关注数字字段
  刚刚离开。或者您可以将输入的宽度设置为 0。后者最适合我。
• 如果你像我一样使用 jQueryMobile，你就会给自己带来可怕的页面转换丑陋，所以如果你的表单位于对话框中并且提交表单会关闭对话框，请务必设置对话框转换（当它从上一个屏幕）更改为“无”。