CODEWITHSUNDEEP
androidjquerycordova
JavaH
JavaH

Reputation: 427

find keyboard is visible using jquery

Hi I have developed android phonegap app which is responsive.So when keyboard is visible i need to hide the footer in portrait and landscape mode and keyboard is not visible i need to show the footer in both the mode.I have tried the sample but its not working fine.If i open the app in portrait mode i cant able to find the footer in landscape mode when keyboard is not visible.

Here is my sample code:

var is_keyboard = false;
var is_landscape = false;
var initial_screen_size = window.innerHeight;

/* Android */
window.addEventListener("resize", function() {
is_keyboard = (window.innerHeight < initial_screen_size);
is_landscape = (screen.height < screen.width);
if (is_keyboard) 
{
    $("#footer1").hide();
}
else
{
    $("#footer1").show();
}

}, false);

Please guide me.Thanks in Advance.

Upvotes: 1

Views: 3095

Answers (1)

Simon MacDonald
Simon MacDonald

Reputation: 23273

I think your best bet is to register for the show and hide keyboard events. 

document.addEventListener("showkeyboard", function() {
    $("#footer1").hide();
}, false);

document.addEventListener("hidekeyboard", function() {
    $("#footer1").show();
}, false);

Upvotes: 3

Related Questions