Detect when the mobile keyboard is shown or dismissed in HTML5 web

Asked Aug 28 '14 at 12:22

Active Aug 29 '14 at 08:07

Viewed 1,908 times

In a mobile device, when you focus on a textfield, the keyboard is shown.

I want detect when the keyboard is shown or dismissed and these actions are different in each mobile technology. Android, for example, doesn't fire a blur event when the keyboard is closed.

Is there a cross-browser means of subscribing to these events?

edited Aug 29 '14 at 08:07

asked Aug 28 '14 at 12:22

mjimcua

2,781
3
27
47

possible duplicate of [Disable keyboard on EditText](http://stackoverflow.com/questions/10636635/disable-keyboard-on-edittext) – StaticVoid Aug 28 '14 at 12:30
I want detect when the keyboard shows or dismiss, not disable keyboard and it isn't a native app, is a web app. Sorry if my explanation is bad :) – mjimcua Aug 28 '14 at 12:34
1

I've written a small snippet for dealing with that: https://github.com/zvona/Servant.js . Hope it helps. Although it's iOS only :( – Samuli Hakoniemi Aug 28 '14 at 12:52
Thanks but I need a cross platform solution :) – mjimcua Aug 28 '14 at 12:55
use `focusin` and `focusout` events. – Omar Aug 28 '14 at 13:04
Thanks @Omar but when push back button in mobile device don't fires focusout event – mjimcua Aug 29 '14 at 08:06

Detect when the mobile keyboard is shown or dismissed in HTML5 web

0 Answers0