find keyboard is visible using jquery

Question

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.

Simon MacDonald · Accepted Answer · 2013-01-29 14:53:27Z

3

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);

answered Jan 29, 2013 at 14:53

Simon MacDonald

23.3k5 gold badges60 silver badges74 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

JavaH Over a year ago

thanks for your reply.I have tried this in phonegap 2.1 and its working fine.Can this work in latest phonegap version cordova-2.3

Andy White Over a year ago

Hi Simon - are these events part of PhoneGap/Cordova "core" or do they come from a 3rd party plugin? I've seen mention of these in a few different places, but I'm having trouble finding where these come from. Thanks!

Collectives™ on Stack Overflow

find keyboard is visible using jquery

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related