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

Question

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

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

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

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

工作输入提交行为：

<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>

score 5 · Accepted Answer

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

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

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

1 回答 1