输入焦点在jQuery移动,但键盘不出现

前端之家收集整理的这篇文章主要介绍了输入焦点在jQuery移动,但键盘不出现前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用jquery,jquery手机和phonegap。
我想显示键盘一个这个页面与输入类型=“文本”。
<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插件启动键盘

解决方法

以前的解决方案都不适合我。但是,我注意到$(‘textarea’)。focus()。select();工作后我访问的页面第二次。所以,我强制jquery手机数据预取我的评论页面

这是我的通用JQM初始化代码(它不工作,没有’data-prefetch’):

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

列表页面上有一个小的文本框的假图像,重定向到comment-Box.html,它只是一个大的测试区域的post和cancel按钮。

<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相关文章