PhoneGap Detect Keyboard Close (iPhone)

nate — Tue, 02 Nov 2010 15:22:10 +0000

It took about 5 hours, but I finally figured out how to detect when the keyboard closes. The essential problem is that when the keyboard opens, the webview slides up to ensure the text field stays in view.

When it closes, the screen doesn’t slide back up to restore the original view. If you have a single-page app, there are solutions that trigger on various events (scroll, touchmove), but I have a multi-view app that breaks those solutions.

Essentially, you just listen for “blur” events on the fields themselves. When the keyboard closes, the text field in question gets a “blur” event and you can call “window.scrollTo(0,0).

Example:

$("textarea").bind("blur", function(e) {
    window.scrollTo(0.0);
});

Stone Umbrella Consulting

PhoneGap Detect Keyboard Close (iPhone)