gpt4 book ai didi

android - 显示隐藏键盘在 android phonegap 中无法正常工作

转载 作者:行者123 更新时间:2023-11-30 04:05:51 26 4
gpt4 key购买 nike

我点击此链接通过使用 [Simon mac donald 定义][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()函数,在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>

关于android - 显示隐藏键盘在 android phonegap 中无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11686368/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com