html phonegap android：数字软键盘有下一个而不是去按钮

Question

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

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

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

Answer 1

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

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

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

希望有帮助！

Answer 2

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

这是一个可怕的 hack，我现在正在经历一些副作用，但无论如何这对人类来说是一个小小的飞跃。

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

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

副作用是：

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