android - 在 PhoneGap 中启用数字键盘上的回车键

Question

我们在 Android 3.22 上运行 PhoneGap 2.6(jquery mobile 和 backbone 也在混合中)。我们想要做到这一点，以便用户可以在字段中输入值后点击回车键来提交表单。该字段是一个数字输入。

<input id="myfield" type="number">

不幸的是，软键盘上的回车按钮似乎被禁用了。因此，当您点击它时，不会触发任何事件。以下均无效:

$('#myfield').on('keyup', keyhandler);
$('#myfield').on('keydown', keyhandler);
$('#myfield').on('keypress', keyhandler);
$('#myfield').keyup(keyhandler);
$('#myfield').keydown(keyhandler);
$('#myfield').keypress(keyhandler);

keyhandler: function(e) {
    console.log('You tapped a key');
    if (e.keyCode  == 13) {
        console.log('You tapped ENTER! Yay!');
    }
}

有没有办法启用数字键盘上的回车按钮？

Answer 1

不确定这是否与您的问题有关...但是您可以模拟表单提交，类似于您通过数字键盘上的“下一步”按钮点击“开始”时发生的情况。您可以在 JQuery 中使用以下绑定(bind)来检测下一次键盘按下:

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

'next' 按钮模拟键盘上的 tab 按键事件，即键代码 9。不幸的是，keypress 和 keyup 事件不会检测下一个按键事件，因此您需要将其绑定(bind)到 keydown 上。