Показать скрыть клавиатура не работает должным образом в Android PhoneGap
я перехожу по этой ссылке, чтобы использовать событие клавиатуры, используя [Simon mac donald Defination] [1]. В этом случае я показываю свой нижний колонтитул, когда клавиатура скрывается, и скрывает нижний колонтитул, когда клавиатура отображается. Когда нажимаетеdictonary моя клавиатураshow но событие идет на клавиатуруhide функция (так что мой нижний колонтитул показан) .. Я не знаю, почему ..
Я приложил свой код и дизайн. Пожалуйста, решите эту проблему
<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>
изображений