使用回车键使用android/phonegap的数字键盘提交表单

Question

我的android/phonegap应用程序上的软"NUMERIC"键盘出现问题.

我的目标是:在html5页面上创建一个简单的表单(我将使用phonegap),用户输入一个使用0-9个字符的数字.为此,我使用了type = number的输入字段,这会在我的Android手机上生成正确的软键盘.

不幸的是,我在尝试检测数字键盘上按下回车键时感到非常沮丧.通常在按下时,键盘就会消失,而不是提交表格.但是,如果我将输入的类型更改为"text",则enter键将按预期工作并提交表单.

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

供参考,请参阅: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

您可以next通过在JQuery中使用以下绑定来检测键盘按下:

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

该next按钮模拟的tab键盘,这是关键的代码9.不幸的是在按键事件,keypress而keyup事件没有检测到下一个关键事件,所以你需要绑定它keydown.