如何在输入文本框时显示键盘

时间:2013-11-21 05:37:46

标签: javascript css windows-phone-8 textbox ibm-mobilefirst

我是Worklight的新手并且遇到了很多麻烦。

我正在使用BingMaps开发一款应用。在我的应用程序中,我使用搜索按钮。当用户想要搜索某个位置时,我的应用会显示一个文本框,然后用户输入一个地址。 (当用户使用此按钮时,必须再次触摸文本框以显示键盘)

但是,当用户触摸“搜索”按钮时,我不知道如何使用文本框显示键盘。

这是我的代码。

<div id="divSearchA" style=" display:none; position:absolute; top:300px; left:90px; right:0px;height:100px; background-color:gray; opacity:0.7;"> 
    <b>Search Box: </b><input id="txtSearchA" style="width:213px" type="text">
    <br>
    <button id="btSearch" onclick="LoadSearchModule()" type="button">Search</button>      
</div> 

1 个答案:

答案 0 :(得分:0)

当焦点位于输入字段时,通常会显示键盘。

根据您的描述,我了解在您的情况下,文本字段是隐藏的,为了显示它,最终用户点击“搜索”按钮,
所以我要做的是:一旦按下搜索按钮,该字段将自动对焦,因此键盘也应该被查看。

我自己还没有尝试过,所以我无法确定:

  1. 尝试将autofocus HTML5 attribute添加到文本字段中。看看是否足够
  2. 如果上面的情况1即使文本字段被隐藏也会显示键盘,请尝试在点击“搜索”按钮时动态添加它。