Fatal编程技术网
  • android/
  • 显示隐藏键盘在android phonegap中不起作用

显示隐藏键盘在android phonegap中不起作用

android cordova

显示隐藏键盘在android phonegap中不起作用,android,cordova,Android,Cordova,我按照此链接使用[Simon mac donald Definition][1]来使用键盘事件。在该事件中，我在键盘显示时显示我的页脚，在键盘显示时隐藏我的页脚。当单击口述时，我的键盘图标为显示，但事件进入键盘隐藏功能（因此显示我的页脚）我不知道为什么 我附上我的代码和设计。请解决这个问题 <script type="text/javascript"> $(document).ready(function () { document.addEv

我按照此链接使用[Simon mac donald Definition][1]来使用键盘事件。在该事件中，我在键盘显示时显示我的页脚，在键盘显示时隐藏我的页脚。当单击口述时，我的键盘图标为显示，但事件进入键盘隐藏功能（因此显示我的页脚）我不知道为什么

我附上我的代码和设计。请解决这个问题

   <script type="text/javascript">
    $(document).ready(function () 
    {
        document.addEventListener("hidekeyboard", onHide, false);
        document.addEventListener("showkeyboard", onShow, false);

    });
    function onHide() 
    {
        $("#footer").show();
    }

    function onShow() 
    {
        $("#footer").hide();
    }
    </script>
<style type="text/css">

#footer {
    position:absolute;
    bottom:0; left:0;
    width:100%;
    height:7%;
    background-color:#00458D;
    padding:0;
    border-width:3px;
    padding-top:3%;
    padding-bottom:2%;
    padding-right:0px;
    padding-left:0px;
    background-color:#00458D;
}

#content {
    position:absolute; bottom:0;
    top:0;
    width:100%;
    overflow:auto;
}
</style>
  </head>
 <body >
    <div id="content">

        <input type="text" style="width=70%">
            <br/>
            <br/>

        <div id="footer" align="center">
            <table width=100%>
                <input type="image" src="../images/Home.PNG" style="width:23%" onClick="home()"/>
                <input type="image" src="../images/messages-menu.jpg" style="width:23%" onClick="inbox()"/>
                <input type="image" src="../images/settings-menu.jpg" style="width:23%" onClick="settings()"/>
                <input type="image" src="../images/close-menu.png" style="width:23%" onClick="callServiceFunction()"/>
            </table>
        </div>
    </div>
  </body>
</html>


$（文档）.ready（函数（）
{
文件。附录列表（“隐藏板”，onHide，false）；
文档。添加了EventListener（“显示键盘”，onShow，false）；
});
函数onHide（）
{
$（“#页脚”）.show（）；
}
函数onShow（）
{
$（“#页脚”）.hide（）；
}
#页脚{
位置：绝对位置；
底部：0；左侧：0；
宽度：100%；
身高：7%；
背景色：#00458D；
填充：0；
边框宽度：3倍；
垫面：3%；
垫底：2%；
右边填充：0px；
左侧填充：0px；
背景色：#00458D；
}
#内容{
位置：绝对；底部：0；
排名：0；
宽度：100%；
溢出：自动；
}
images

删除
.ready（）
函数并在deviceready中添加侦听器

<style type="text/css">

#footer {
    position:absolute;
    bottom:0; left:0;
    width:100%;
    height:7%;
    background-color:#00458D;
    padding:0;
    border-width:3px;
    padding-top:3%;
    padding-bottom:2%;
    padding-right:0px;
    padding-left:0px;
    background-color:#00458D;
}

#content {
    position:absolute; bottom:0;
    top:0;
    width:100%;
    overflow:auto;
}
</style>
<script type="text/javascript">
document.addEventListener("deviceready",onDeviceReady,false);

    function onDeviceReady () {
        document.addEventListener("hidekeyboard", onHide, false);
        document.addEventListener("showkeyboard", onShow, false);

    }
    function onHide() 
    {
        $("#footer").show();
    }

    function onShow() 
    {
        $("#footer").hide();
    }
    </script>

  </head>
 <body >
    <div id="content">

        <input type="text" style="width=70%">
            <br/>
            <br/>

        <div id="footer" align="center">
            <table width=100%>
                <input type="image" src="../images/Home.PNG" style="width:23%" onClick="home()"/>
                <input type="image" src="../images/messages-menu.jpg" style="width:23%" onClick="inbox()"/>
                <input type="image" src="../images/settings-menu.jpg" style="width:23%" onClick="settings()"/>
                <input type="image" src="../images/close-menu.png" style="width:23%" onClick="callServiceFunction()"/>
            </table>
        </div>
    </div>
  </body>
</html>


#页脚{
位置：绝对位置；
底部：0；左侧：0；
宽度：100%；
身高：7%；
背景色：#00458D；
填充：0；
边框宽度：3倍；
垫面：3%；
垫底：2%；
右边填充：0px；
左侧填充：0px；
背景色：#00458D；
}
#内容{
位置：绝对；底部：0；
排名：0；
宽度：100%；
溢出：自动；
}
文件。添加的监听器（“deviceready”，OnDeviceraddy，false）；
函数ondevicerady（）{
文件。附录列表（“隐藏板”，onHide，false）；
文档。添加了EventListener（“显示键盘”，onShow，false）；
}
函数onHide（）
{
$（“#页脚”）.show（）；
}
函数onShow（）
{
$（“#页脚”）.hide（）；
}
删除
.ready（）
函数并在deviceready中添加侦听器

<style type="text/css">

#footer {
    position:absolute;
    bottom:0; left:0;
    width:100%;
    height:7%;
    background-color:#00458D;
    padding:0;
    border-width:3px;
    padding-top:3%;
    padding-bottom:2%;
    padding-right:0px;
    padding-left:0px;
    background-color:#00458D;
}

#content {
    position:absolute; bottom:0;
    top:0;
    width:100%;
    overflow:auto;
}
</style>
<script type="text/javascript">
document.addEventListener("deviceready",onDeviceReady,false);

    function onDeviceReady () {
        document.addEventListener("hidekeyboard", onHide, false);
        document.addEventListener("showkeyboard", onShow, false);

    }
    function onHide() 
    {
        $("#footer").show();
    }

    function onShow() 
    {
        $("#footer").hide();
    }
    </script>

  </head>
 <body >
    <div id="content">

        <input type="text" style="width=70%">
            <br/>
            <br/>

        <div id="footer" align="center">
            <table width=100%>
                <input type="image" src="../images/Home.PNG" style="width:23%" onClick="home()"/>
                <input type="image" src="../images/messages-menu.jpg" style="width:23%" onClick="inbox()"/>
                <input type="image" src="../images/settings-menu.jpg" style="width:23%" onClick="settings()"/>
                <input type="image" src="../images/close-menu.png" style="width:23%" onClick="callServiceFunction()"/>
            </table>
        </div>
    </div>
  </body>
</html>


#页脚{
位置：绝对位置；
底部：0；左侧：0；
宽度：100%；
身高：7%；
背景色：#00458D；
填充：0；
边框宽度：3倍；
垫面：3%；
垫底：2%；
右边填充：0px；
左侧填充：0px；
背景色：#00458D；
}
#内容{
位置：绝对；底部：0；
排名：0；
宽度：100%；
溢出：自动；
}
文件。添加的监听器（“deviceready”，OnDeviceraddy，false）；
函数ondevicerady（）{
文件。附录列表（“隐藏板”，onHide，false）；
文档。添加了EventListener（“显示键盘”，onShow，false）；
}
函数onHide（）
{
$（“#页脚”）.show（）；
}
函数onShow（）
{
$（“#页脚”）.hide（）；
}
在OndeviceReady（）中尝试

在OnDevicerady（）中尝试

我查过。。。这绝对行得通。。。。事实上，你用错了它谢谢你回复编码器，，，，我错了什么请指导我它工作正常但当我点击字典时，我的页脚会出现为什么…它的go to keybord hide功能，但我的键盘在我点击空格键时显示，当我点击字典时，它在我的选项卡中工作不正常（三星Galaxy Tab 2.0）您正在三星galaxy Tab 2.0上测试它？您正在测试三星galaxy Tab和安卓2.0I版。。。这绝对行得通。。。。事实上，你用错了它谢谢你回复编码器，，，，我错了什么请指导我它工作正常但当我点击字典时，我的页脚会出现为什么…它的go to keybord hide功能，但我的键盘在我点击空格键时显示，当我点击字典时，它在我的选项卡中工作不正常（三星Galaxy Tab 2.0）你在测试三星galaxy Tab 2.0？你在测试三星galaxy Tab和android版本2.0hmmm我看到这里有一个bug我看到这里有一个bug