微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

解决方法:

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

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐