phonegap .apk中的“输入类型=文本”选项卡索引问题

时间:2014-06-18 11:27:17

标签: android cordova

我正在使用https://build.phonegap.com创建phonegap .apk文件。 打开.apk文件后,我有一个关于tabindexing的非常奇怪的错误。软键盘的标签按钮不会将光标移动到文本框中的下一个文本框

Tabbing在输入[type = tel]中正常工作,但输入[type = text],输入[type = email]和输入[type = search]。

使用的设备是Iball幻灯片3G Q1035平板电脑和Android版本是4.2.2。

HTML代码:

<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8" />
       <meta name="format-detection" content="telephone=no" />
        <meta name="msapplication-tap-highlight" content="no" />
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
        <link rel="stylesheet" type="text/css" href="css/index.css" />
        <title>Hello World</title>
    </head>
    <body>
        <div class="app">
            <form>
                <div>
                    <span><input id='test1' tabindex='1' name='test1' type='text'></span>
                </div>
                <div>
                    <span><input id='test2' tabindex='2' name='test2' type='text'></span>
                </div>
                <div>
                    <span><input id='test3' tabindex='3' name='test3' type='search'></span>
                </div>
                <div>
                    <span><input id='test4' tabindex='4' name='test4' type='url'></span>
                </div>
                <div>
                    <span><input id='test5' tabindex='5' name='test5' type='email'></span>
                </div>
                <div>
                    <span><input id='test6' tabindex='6' name='test6' type='tel'></span>
                </div>
            </form>
        </div>
        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript" src="js/index.js"></script>
        <script type="text/javascript">
            app.initialize();
        </script>
    </body>
</html>

INDEX.JS

var app = {
    initialize: function() {
        this.bindEvents();
    },
    bindEvents: function() {
        document.addEventListener('deviceready', this.onDeviceReady, false);
    },
    onDeviceReady: function() {
    },
    receivedEvent: function(id) {
    }
};

0 个答案:

没有答案