How can I hide the Android keyboard using JavaScript?

by

I found a simpler solution that requires neither adding element nor a special class.
found it there: http://www.sencha.com/forum/archive/index.php/t-141560.html

And converted the code to jquery :

function hideKeyboard(element) {
    element.attr('readonly', 'readonly'); // Force keyboard to hide on input field.
    element.attr('disabled', 'true'); // Force keyboard to hide on textarea field.
    setTimeout(function() {
        element.blur();  //actually close the keyboard
        // Remove readonly attribute after keyboard is hidden.
        element.removeAttr('readonly');
        element.removeAttr('disabled');
    }, 100);
}

You call the function by passing it the input from which the keyboard was opened, or just passing $(‘input’) should also work.

More Related Contents:

  1. Detect a finger swipe through JavaScript on the iPhone and Android
  2. Detect click on HTML button through javascript in Android WebView
  3. Android Calling JavaScript functions in WebView
  4. Refused to load the script because it violates the following Content Security Policy directive
  5. Viable options for running NodeJS on Android (Aug 2017)
  6. How can I give keyboard focus to a DIV and attach keyboard event handlers to it?
  7. Capture keys typed on android virtual keyboard using javascript
  8. Are there any standards for mobile device web browsers in terms of thread sleeping? [closed]
  9. Android Web-View : Inject local Javascript file to Remote Webpage
  10. JavaScript keypress event not raised on Android browser
  11. How can I add a keyboard shortcut to an existing JavaScript Function?
  12. Android 4.2.1, WebView and javascript interface breaks
  13. JavaScript not working in Android Webview?
  14. Is there a way to enable the JavaScript Error/Debug Console for Safari within Android?
  15. Run javascript code in Webview
  16. Check if a key is down?
  17. Navigate to screen after opening a notification?
  18. JavaScript how to check User Agent for Mobile/Tablet
  19. How can I avoid autorepeated keydown events in JavaScript?
  20. Disable zoom on input focus in Android webpage
  21. Does React Native compile JavaScript into Java for Android?
  22. Reference javax.script.ScriptEngine in android or evaluate a javascript expression
  23. Force hide address bar in Chrome on Android
  24. Display Good-looking Math Formula in Android
  25. How to check a file’s existence in phone directory with phonegap
  26. Force iOS numeric keyboard with custom / currency pattern
  27. window.close equivalent in Phonegap with InAppBrowser
  28. How to focus an input field on Android browser through javascript or jquery
  29. How to bind both Mousedown and Touchstart, but not respond to both? Android, JQuery
  30. Access-Control-Allow-Origin Error At Android 4.1

Leave a Comment