输入焦点在jQuery移动，但键盘不出现 [英] input focus in jquery mobile, but keyboard doesn't appear

问题描述

我使用jquery，jquery手机和phonegap。
我想显示键盘一个这个页面与输入type =text。

I'm using jquery,jquery mobile and phonegap. I want to show the keyboard one this page with input type="text".

    <section id="page1" data-role="page">
        <header data-role="header">
            <h1>jQuery Mobile</h1>
        </header>
        <div data-role="content" class="content">

            <input type="text" placeholder="입력하세요" />
        </div>

    </section>

我的脚本是

        $(document).ready(function(){
            $('input').select();
            $('input').focus();
        });

文本字段被聚焦但键盘不显示，并且当输入类型=文本。我如何强制在javascript或使用phonegap插件启动键盘？

The text field is focused but the keyboard is not show, and It is lauched when input type="text" is clicked. How can I force to launch the keyboard in javascript or using phonegap plugin?

推荐答案

但是，我注意到$（'textarea'）。focus（）。select（）;工作后我访问的页面第二次。

None of the previous solutions worked for me. However, I noticed that $('textarea').focus().select(); worked after I access the page a second time. So, I force the jquery mobile to data-prefetch my comment box page.

这是我的通用JQM初始化代码（不能在没有'data-prefetch'的情况下工作。 ）：

This is my generic JQM initialization code (which doesn't work without 'data-prefetch'):

$('#comment-box-page').live('pageshow', function () {
   $('textarea').focus().select();
});

在列表页面上有一个小的文本框的假图像，重定向到注释框.html，它只是一个带有post和cancel按钮的大测试区。

On the list page there is a fake image of a small text box, that redirects to comment-box.html, which is just a big test area with post and cancel buttons.

        <div data-role="footer" data-position="fixed" data-theme="b" data-tap-toggle="false">
        <div data-role="fieldcontain">
            <a href="comment-box.html" data-prefetch><img src="fake-textfield.jpg"/>
            </a>
        </div>
    </div>

• 当您点击该链接时，该网页会按照您第二次访问该网页的方式工作，从而启用焦点和键盘。



这篇关于输入焦点在jQuery移动，但键盘不出现的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！