在PhoneGap中的数字键盘上启用enter键

时间:2013-08-07 00:05:39

标签: android events jquery-mobile cordova keyboard

我们在Android 3.22上运行PhoneGap 2.6(也是jquery mobile和骨干也在混合中)。我们希望这样做,以便用户可以在输入字段中的值后点击回车键提交表单。该字段是数字输入。

<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!');
    }
}

有没有办法在数字键盘上启用输入按钮?

1 个答案:

答案 0 :(得分:2)

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

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

“下一个”按钮模拟键盘上的tab键按压事件,这是键码9.不幸的是,按键和键盘事件不会检测下一个键事件,因此您需要在keydown上绑定它。