How to handle differences in iOS and Android Keyboard

Question

For HTML/JS in mobile browsers, I'm having an issue where blur events trigger differently in iOS and Android. In iOS, a user can click on "Done" on the native keyboard, which hides the keyboard and causes the focused element to blur.

The same, however, does not happen when a user clicks the back icon in Android to hide the native keyboard; The elements that were previously focused keep their focus.

Is there a way to listen for the keyboard hiding and trigger a blur on the focused element? Or is there a way to force the Android keyboard to display a "done" button? Or is there a generally better solution?

@user2746900 why do you want to know when a keyboard disappears? If the system decision is not to tell you, so be it. The user shouldn't expect you to override the system decision. — John Dvorak, Sep 10 '13 at 14:18
I have events that currently depend on input blurring that should be dependent on whether or not the mobile keyboard is showing. I need a way to either detect keyboard down, or force a blur on keyboard down. — user2746900, Sep 10 '13 at 15:21
In order for the keyboard to go down, don't you need to click off the keyboard, and wouldn't that result as a blur? — Jacques ジャック, Sep 10 '13 at 19:55
On my android device, when the keyboard is open, there is a button in the bottom left where the back button usually is that closes the keyboard without blurring. — user2746900, Sep 10 '13 at 23:42

score 0 · Answer 1 · edited May 23 '17 at 10:31

0

Maybe a solution would be to listen to the keydown event on the input, and check if the keypress is "Enter".

To do that, please refer to this :

Enter key press event in JavaScript

edited May 23 '17 at 10:31

Community

1
1

answered Sep 10 '13 at 14:36

Scalpweb

1,971
1
12
14

I am not looking for the user to press enter, I am looking for the keyboard hiding, which can be done without pressing enter. I do not believe the native "keyboard hide" button has a keydown/keypress/keyup event bound to it. – user2746900 Sep 10 '13 at 15:22
Hum yeah, sorry. I may have found a solution, but I'm not sure it's going to work for you. Check this out: http://stackoverflow.com/questions/2593139/ipad-web-app-detect-virtual-keyboard-using-javascript-in-safari – Scalpweb Sep 11 '13 at 12:20

How to handle differences in iOS and Android Keyboard

1 Answers1