WebView不会专注于文本区域

时间:2013-03-11 18:12:50

标签: android webview

我有网络应用程序: peekatu.com/mobilechat.php 或原生版本 https://play.google.com/store/apps/details?id=com.peekatucorp.peekatu&hl=en

我们已经将webview包装成本机android / iphone应用程序。应用程序在设备上的功能和流程都很好。我遇到的问题是Android设备试图输入文本。我在Nexus 4上的朋友甚至无法登录。如果他选择用户名/密码输入字段,键盘会出现并立即消失。他必须复制并粘贴才能登录。在我的设备上(Dell Streak,Android 2.3.7)我能够登录查找但是在应用程序中输入文本时它会做同样的事情。它将允许我正确输入1条消息,然后启动键盘消失问题。发生的另一个问题是触摸屏似乎已关闭。它点击下面你实际触摸按钮并选择列表。我有这个问题和Galaxy S3的朋友。有什么想法在这里发生?谢谢!

<div id="tabbar" style="height:95px;">
<div class="messagebox" style="width:100%;height:45px;background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #999), color-stop(0.02, #666), color-stop(1, #222))" id="messagetextbox">
            <input type="text" id="msg-text" value="" maxlength="255" style="float:left;width:76%;height:30px;border:1px solid black;margin-top:3px;" placeholder="Enter message" class="textbox" onclick=""/>
          <input type="button" style="float:right;width:19%;height:28px;border:1px solid black;margin-top:5px;" value="Send" class="button1" onclick="sendMessage()"/>
        </div>`

这是输入框的html代码。^^

function sendMessage(){
var text = document.getElementById('msg-text').value;
document.getElementById('msg-text').value = '';

function loaded() {updateUserRoomData();

$("#msg-text").bind("keypress", {}, keypressInBox);

这是msg-box的javascript ^^

    if(iui.getSelectedPage().id=='chat' ||   iui.getSelectedPage().id=='privateconversation')    {document.getElementById('messagetextbox').style.display='';document.getElementById('tabbar').style.height='95px';



}

else{
document.getElementById('messagetextbox').style.display='none';
document.getElementById('tabbar').style.height='48px';

}

if(iui.getSelectedPage().id=='profile')
{
//alert(document.getElementById("profile-country").length);

if (document.getElementById("profile-country").length<2)
get_country();
}

var wrapperDivs = document.querySelectorAll('.wrapper');
var headerH = document.getElementById('toolbar').offsetHeight,
    footerH = document.getElementById('tabbar').offsetHeight,
    wrapperH = window.innerHeight - headerH - footerH;
    //wrapperH-=80;
//  var dd = document.documentElement.clientHeight+20- footerH;
    //document.getElementById('tabbar').style.marginTop=dd+'px';
    //document.getElementById('tabbar').style.bottom='0px';
    var x = getOffset( document.getElementById('tabbar') ).top;
//  alert(headerH+' '+footerH+'  '+x+' '+wrapperH);
    //wrapperH = x -45;
for (var i=0; i<wrapperDivs.length; i++)'

这是消息箱所在的整个标签栏的Javascript。

0 个答案:

没有答案