首页 文章

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

提问于
浏览 次
3

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

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

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

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

For reference see: 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>
android html html5 cordova

1 回答

  • 5

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

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

    next 按钮模拟键盘上的 tab keypress事件，这是关键代码9.不幸的是， keypress 和 keyup 事件未检测到下一个键事件，因此您需要将其绑定在 keydown 上 .

    回复于

相关问题