android - 使用 enter 键提交带有 android/phonegap 数字键盘的表单

Question

我的 android/phonegap 应用程序上的软“数字”键盘有问题。

我的目标:在 html5 页面上创建一个简单的表单(我将与 phonegap 一起使用)，用户可以在其中使用 0-9 个字符输入数字。为此，我使用了一个类型为数字的输入字段，这会在我的 Android 手机上生成正确的软键盘。

不幸的是，我在尝试检测数字键盘上的回车键何时被按下时感到非常沮丧。通常按下时，键盘不会提交表单，而是会消失。但是，如果我将输入类型更改为“文本”，则回车键会按预期工作并提交表单。

如何使用数字键盘重现表单提交？

有关引用，请参阅: http://jsfiddle.net/Ua9yw/13/

工作输入提交行为:

<form> <input type="text"/> </form>

<form id="form1">
    <input type="text"/>
    <input type="submit"/>
</form>

输入按钮行为无效:

<form> <input type="number"/> </form>
<form id="form1">
    <input type="number"/>
    <input type="submit"/>
</form>

Answer 1

您可以在 JQuery 中使用以下绑定(bind)来检测 next 键盘按下:

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

next 按钮模拟键盘上的 tab 按键事件，即键码 9。不幸的是，keypress 和 keyup 事件不检测下一个按键事件，所以你需要在 keydown 上绑定(bind)它。