CODEWITHSUNDEEP
jquery-mobileibm-mobilefirstworklight-runtime
Prerak Tiwari
Prerak Tiwari

Reputation: 3476

Manually Show/Hide Device keyboard in JavaScript

Can I manually show/hide device keyboard?

My application is behaving strangely if device keyboard is on display and, say, I hit next button then the CSS of jQuery Mobile is getting distorted. I am not getting any javascript or any other error in the console. Any help is appreciated.

Upvotes: 1

Views: 901

Answers (1)

Idan Adar
Idan Adar

Reputation: 44526

I have used one of the suggestions in the following question (the one with 84 up votes...), and it worked well for me: iPad Safari - Make keyboard disappear

Lets assume you have an <input type="text" id="myInput" />.

So in your change page code you can do the following, which will first dismiss the keyboard and then perform the page navigation:

function changeToPage1() {
    $("#myInput").blur();
    $(':mobile-pagecontainer').pagecontainer('change','page1.html');
}

Tested in iOS Simulator but should work in Android as well.

Upvotes: 2

Related Questions